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内 容 简 介 


本 书 以 Android 开发 环境 为 核心 ,以 多 个 业务 相对 独立 但 知识 彼此 关联 的 项 目 应 用 开发 和 实现 为 
主线 ,以 Android 开发 环境 中 各 个 核心 功能 的 实现 为 主体 内 容 , 以 项 目 实战 结合 工作 任务 分 解 的 方式 组 
织 内 容 , 完 成 项 目 化 教学 。 每 个 项 目 应 用 开发 都 包括 项 目 分 析 、 算 法 流程 设计 、 界 面 设计 、 代 码 编 写 、 系 
统 运行 与 效果 测试 六 个 关键 环节 的 内 容 , 将 具体 的 Android 项 目 开发 与 程序 设计 工程 师 的 岗位 工作 过 
程 相 融合 ,让 读者 在 实践 中 能 够 从 技术 和 职业 两 种 不 同 的 视角 掌握 Android 项 目 开 发 的 全 过 程 。 

本 书 内 容 的 顺序 和 层次 按照 Android 开发 环境 的 难 易 程 度 及 Android 应 用 的 复杂 程度 来 编排 , 共 
分 为 9 章 , 介 绍 如 何 构建 Android 开发 环境 .实现 通信 功能 、 实 现 图 像 与 动画 功能 、 网 络 聊天 功能 .短信 
管理 功能 .影音 播放 功能 .地 图 GPS 功能 等 项 目 任务 ,并 在 任务 实施 过 程 中 全 程 引入 平行 的 项 目 实践 内 
容 , 以 供 学 习 者 参考 与 实践 。 

本 书 适合 作为 高 等 职业 院 校 软件 技术 专业 及 相关 专业 师 生 的 教学 参考 用 书 , 同 时 也 可 以 作为 移动 
程序 开发 爱好 者 及 企业 移动 应 用 维护 人 员 的 指导 用 书 。 
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本 书 应 用 现代 职业 教育 的 最 新 理念 ,注重 培养 学 生 的 创新 意识 .逻辑 思 
维 能 力 和 程序 代码 编写 的 实践 能 力 ,力图 呈现 新 颖 的 现代 职业 教育 课程 观 、 
学 习 观 ,教学 观 、 传 播 观 和 教材 观 , 同 时 较 好 地 贯彻 落实 了 以 全 面 素质 教育 
为 基础 .能 力 为 本 位 的 教学 指导 思想 ,是 一 本 面向 职业 院 校 的 教材 。 

Android 是 谷歌 和 开放 手机 联盟 (Open Handset Alliance, OHA) 开 发 
的 基于 Linux 的 完整 开放、 免费 的 手机 平台 。 基 于 Android 的 应 用 程序 设 
计 易 学 、 易 用 , 极 大 地 降低 了 在 终端 设备 上 开发 移动 互联 应 用 程序 的 难度 。 
经 过 近 几 年 的 发 展 ,Android 在 全 球 得 到 了 大 规模 的 推广 。 我 国 很 多 高 职 院 
RR" Android 开发 "作为 一 门 重要 的 专业 课程 。 

本 书 以 企业 技术 专家 丰富 的 实践 经 验 为 基础 、 由 高 职高 专 专业 教师 所 
具备 的 丰富 专业 理论 知识 和 实践 经 验 以 及 教学 专家 新 颖 的 教学 理念 为 核心 
进行 编写 ,重点 突出 了 职业 能 力 和 综合 素质 的 培养 。 

本 书 在 内 容 上 依据 Android 开发 环境 构建 和 Android 平台 基础 开发 所 
需要 掌握 的 知识 , 逐 层 展开 技能 点 并 层 层 深入 ,以 企业 实际 开发 的 Android 
应 用 为 基础 ,以 程序 开发 过 程 的 分 析 、 设 计 、 编 码 和 测试 为 核心 主线 ,同时 强 
调 以 项 目 为 载体 ,围绕 工作 过 程 重 构 项 目 任 务 , 使 工作 任务 的 设计 和 编排 既 
符合 企业 对 程序 代码 编写 人 员 的 实际 要 求 ,又 能 适应 高 职高 专 类 人 才 培 养 
的 特点 ,最 终 实 现 多 个 完整 的 Android 应 用 程序 的 开发 。 同 时 ,在 修订 时 , 注 
重 引入 当前 Android 程序 开发 的 主流 新 技术 和 新 理念 ,使 教材 内 容 能 够 与 时 
俱 进 。 

本 书 在 内 容 结构 设计 上 突出 了 工作 目标 .工作 任务 及 项 目 实施 过 程 的 
有 机 统一 , 既 紧 紧 围绕 核心 岗位 所 需 的 素质 和 能 力 进行 阐述 ,又 通过 “任务 
分 析 ”“ 本 章 小 结 ”" 和 “项 目 实践 ”等 加 强 对 学 习 效 果 的 评估 。 

本 书 共 9 章 ,按照 Android 平 台 的 技术 体系 和 项 目 内 容 设 计 难 度 适宜 的 
工作 项 目 。 每 个 项 目 又 分 为 若干 个 工作 任务 ,将 相关 的 理论 知识 融和 项目 
实践 。 第 1 章 和 第 2 章 主要 介绍 Android 的 基础 概况 及 开发 环境 ;第 3 章 是 
通信 功能 的 设计 及 开发 ,实现 打 电 话 和 发 短信 的 功能 ,从 而 使 读者 掌握 基础 
控件 使 用 .Android 布局 和 应 用 资源 .Android 常用 控件 等 知识 ;第 4 章 是 水 
果 连 连 看 的 设计 及 开发 ,帮助 读者 学 习 图 像 与 动画 处 理 ; 第 5 章 是 聊天 工具 
的 设计 及 开发 相关 控件 的 使 用 和 聊天 功能 的 实现 ;第 6 章 是 短信 智能 管理 器 




















的 设计 及 开发 ,帮助 读者 学 习 Content Provider; 8 7 章 是 学 生 信 息 管理 系统 的 设计 及 开 
发 ,帮助 读者 学 习 图 表 ; 第 8 章 是 影音 播放 器 的 设计 及 开发 ,帮助 读者 学 习 多 媒体 ;第 9 章 
是 基于 百度 地 图 的 GPS 设计 及 开发 ,帮助 读者 学 习 GPS 相关 知识 。 

本 书 由 车 金 庆 、 何 征 天 编写 , 李 琳 、 严 正 宇 、 周 凌 蔓 在 编写 过 程 中 提出 了 宝贵 的 参考 
意见 。 
在 信息 与 互联 网 技术 迅速 发 展 之 际 ,编者 受 水 平 所 限 , 书 中 难免 存在 疏忽 和 不 足 之 
处 , 敬 请 读者 和 同行 不 音 指正 。 意 见 和 建议 请 发 电子 邮箱 jqche@email. czie. net, 谢 谢 ! 
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1.1 智能 手机 操作 系统 简介 


智能 手机 操作 系统 作为 智能 手机 的 软件 平台 ,管理 智能 手机 的 软 硬 件 资源 ,为 应 用 软 
件 提供 各 种 必要 的 服务 。 每 一 种 智能 手机 操作 系统 都 有 其 自身 的 优点 ,体系 结构 以 及 所 
能 提供 的 服务 也 不 尽 相同 ,而 智能 手机 本 身 的 特殊 性 又 对 智能 手机 操作 系统 提出 了 许多 
带 有 共性 的 需求 。 比 如 实时 性 、 开 放 性 、 安 全 性 等 。 现 在 主流 的 操作 系统 主要 有 Android 
( 见 图 1-1) 的 Linux ABE EAS ar WR 1-20 ,它们 的 应 用 软件 互 不 兼容 。 因 为 可 以 像 个 
人 计算 机 一 样 安装 第 三 方 软件 ,所 以 智能 手机 有 丰富 的 功能 。 智 能 手机 能 够 显示 与 个 人 
计算 机 显示 一 致 的 正常 网 页 ,具有 独立 的 操作 系统 以 及 良好 的 用 户 界 面 , 也 拥有 很 强 的 应 


用 扩展 性 ,能 方便 随意 地 安装 和 删除 应 用 程序 。 
: O 


CiNDROID 


图 1-1 Android 图 1-2 iOS 





1. iOS 简介 


iOS 的 智能 手机 操作 系统 的 原名 为 iPhone OS, 其 核心 与 Mac OS X 的 核心 同样 都 源 
D Apple Darwin, iOS 主要 是 供 iPhone 和 iPod touch 使 用 。 就 像 其 基于 的 Mac OS X 
操作 系统 一 样 , 它 也 是 以 Darwin 为 基础 的 。iPhone OS 的 系统 架构 分 为 四 个 层次 : 核心 
操作 系统 层 (the Core OS layer) ,核心 服务 层 (the Core Services layer). 媒体 层 (the 
Media layer) ,可 轻 触 层 (the Cocoa Touch layer) 。 系 统 操 作 占 用 大 概 1. 1GB 存储 空间 。 

iOS 巾 两 部 分 组 成 : 操作 系统 和 能 在 iPhone 及 iPod touch 设备 上 运行 原生 程序 的 技 
术 。 尽 管 在 底层 的 实现 上 iPhone 与 Mac OS X 共享 了 一 些 底层 技术 ,但 由 于 iPhone 是 为 

















移动 终端 而 开发 的 ,所 以 要 解决 的 用 户 需求 就 与 Mac OS X 有 些 不 同 。 如 果 用 户 是 一 名 
Mac 开发 人 员 ,可 以 在 iPhone OS 中 发 现 很 多 熟悉 的 技术 ,同时 也 会 注意 iPhone OS 的 独 
有 之 处 ,比如 多 触 点 接口 (Multi-Touch interface) 和 加 速 器 (accelerometer) 。 


2. Android 简介 


Android 是 一 种 以 Linux 为 基础 的 开放 源 代码 操作 系统 ,主要 用 于 便携 设备 。 较 多 
AEM ZA”, Android 操作 系统 由 Andy Rubin 开发 ,最 初 主要 支持 手机 。2005 年 由 
Google 收购 注资 ,并 组 建 开 放手 机 联盟 开发 改良 ,逐渐 扩展 到 平板 电脑 及 其 他 领域 中 。 
2011 年 第 一 季度 ,Android 在 全 球 的 市 场 份额 跃 居 第 一 。 

据 著名 互联 网 流量 监测 机 构 Net Applications 发 布 的 最 新 数据 显示 ( 见 图 1-3) ,从 
2013 年 9 月 到 2014 年 7 月 ,在 将 近 1 年 的 时 间 里 ,尽管 诸如 碎片 化 ,安全 漏洞 等 问题 让 
Android 系统 屡 遭 诉 病 , 但 其 市 场 占有 率 却 一 直 处 于 稳步 攀升 状态 ,从 最 初 的 29. 42% 升 
Æ 44.62%. Tij iOS 的 使 用 量 却 在 一 路 下 滑 , 从 2013 4E 9 月 的 53. 68% MEAS 44. 1996 ,在 
5j Android 的 比拼 中 ,iOS 首次 遭遇 了 滑铁卢 。 

Other: 0.09% 
| 


Kindle: 0.64% 


BlackBerry: 1.21% ~~ 
Windows Phone: 2.49% J 
Symbian: 237 


Java ME: 4.19% 









Android: 44.62% 


iOS: 44.19% ~ 


图 1-3 2014 年 7 月 各 大 移动 平台 分 布 情况 
资料 来 源 : Net Applications 


1.2 Android 的 基本 概念 


121 Andoid 的 发 展 历程 


Android 的 产生 还 得 从 Andy Rubin( 安 过。 和 鲁 宾 ) 说 起 。 安 过. 和 鲁 宾 是 硅谷 一 位 著 
名 的 程序 员 , 他 曾 先后 在 人 苹果、General Magic, WebTV 等 公司 工作 ,2000 年 参与 创办 
Danger 公司 。 该 公司 生产 的 Hiptop(T-Mobile Sidekick) 智 能 手机 具备 上 网 .全 键盘 和 照 
相 功 能 ,2003 年 曾 在 美国 风行 一 时 。 离 开 Danger 之 后 , 安 迪 .和 鲁 宾 创办 了 新 公司 ,致力 
于 研发 手机 操作 系统 。 可 能 是 模仿 Linus Torvalds 把 自己 写 的 操作 系统 称 为 Linux. A 
3 + 和 鲁 宾 的 名 字 是 Andrew, 再 加 上 他 本 身 是 个 机 器 人 迷 , 所 以 新 公司 取 名 叫 作 Android. 
这 就 是 Android 的 来 历 。 





OO [318 Android | e ` 


2005 4E 7 H RAX 22 个 月 的 Android 公司 被 急于 开拓 无 线 互 联网 业务 的 Google 
收购 , 安 迪 。 和 鲁 宾 也 随 Android 加 入 Google, 继 续 领导 手机 操作 系统 的 开发 。 也 就 是 从 
这 个 时 候 起 ,业界 就 开始 盛传 Google( 谷 歌 ) 公 司 将 进军 移动 通信 市 场 ,并 推出 自主 品牌 
的 移动 终端 产品 。 更 有 人 将 其 与 苹果 公司 刚刚 推出 的 iPhone 相提并论 , 取 名 为 GPhone， 
网 络 上 关于 GPhone 的 各 种 猜想 图 片 也 是 满天飞 。 

在 沸沸扬扬 传 了 两 年 多 .经 过 无 数 次 的 媒体 报道 和 猜测 之 后 ,2007 年 11 月 5 日 
Google 终于 公布 了 答案 , 令 人 意外 的 是 并 没有 出 现 传说 中 的 Google Phone 或 GPhone. 
Google 宣布 与 其 他 33 家 手机 制造 商 (包括 摩托 罗拉 、 宏 达 电 、 三 星 .LG) .手机 芯片 供 货 
商 、 软 硬件 供 货 商 ,电信 运营 商 ( 包 括 中 国 移动 ) 联 合 组 成 开放 手机 联盟 (Open Handset 
Alliance) ,发 布 了 名 为 Android 的 开放 手机 软 硬 件 平台 。 

(OD 里 程 碑 1: 第 一 款 Android 智能 手机 。 

2008 年 9 月 23 日 ,Google 与 美国 电信 运营 商 T-Mobile 联合 ,在 纽约 正式 发 布 第 一 
ak Google 手机 一 一 T-Mobile G1。 该 款 手 机 由 宏达电 (HTC) 制 造 ,内 部 研发 代号 为 
Dream( 中 文 含义 : 梦想 ) ,是 世界 上 第 一 部 搭载 Android 操作 系统 的 手机 。 

2009 4E£ 4 H 30 A fi Android SDK 1.5: Cupcake AIF E ESO. 

(2) 里 程 碑 2: 加 入 NDK 支持 。 

2009 4£ 9 H 15 H fii Android SDK 1.6: Donut( 甜 甜 圈 ) 。 

2009 4F 10 H 26 H fii Android SDK 2.0, 

2010 4E 5 A 20 A fi Android 2. 2/2. 2. 1 Froyo( 冻 酸奶 ) 。 

2010 Æ 12 H 7 A fi Android SDK 2.3. x Gingerbread 3E DD 。 

(3) 里 程 碑 3; 开始 支持 平板 电脑 。 

2011 年 2 月 2 日 发 布 Android SDK 3. 0 Honeycomb(# t), 

2011 4£ 5 A 11 日 发 布 Android SDK 3. 1 Honeycomb( 蜂 梨 )。 

2011 4E 7 A 13 A fii Android SDK 3. 2 Honeycomb( 蜂 梨 )。 

(4) 里 程 碑 4: 手机 版 和 平板 电脑 版 本 合并 。 

2011 4Æ 10 A 19 日 在 香港 发 布 Android SDK 4. 0 Ice Cream Sandwich( 冰 激 凌 三 
明治 ) 。 
2012 4Æ 6 H 28 A fii Android 4.1 Jelly Bean( 果 冻 豆 ) 。 

2012 4E 10 A 30 A fii Android 4. 2 Jelly Bean RAE). 

2013 4£ 9 H 4 DE Android 4. 4 KitKat C25 3E 71) . 

2014 Æ 10 月 15 A X fii Android 5. 0 Lollipop (#4 FEE) 三 款 新 Nexus 设备 一 一 
Nexus 6, Nexus 9 平板 及 Nexus Player. 将 率先 搭载 Android 5. 0, 之 前 的 Nexus 5, 
Nexus 7 及 Nexus 10 将 会 很 快 获得 更 新 。 


122 Andoid 的 平台 优势 





l. 开放 性 
在 优势 方面 ,Android 平台 首先 就 是 其 开发 性 ,开放 的 平台 允许 任何 移动 终端 厂商 加 

















入 Android 联盟 。 显 著 的 开放 性 可 以 使 其 拥有 更 多 的 开发 者 , 随 着 用 户 和 应 用 的 日 益 丰 
富 ,一 个 左 新 的 平台 也 将 很 快走 向 成 熟 。 

开放 性 对 于 Android 的 发 展 而 言 , 有 利于 积累 人 气 ,这 里 的 人 气 包括 消费 者 和 厂商 ， 
而 对 于 消费 者 ,最 大 的 受益 正 是 丰富 的 软件 资源 。 开 放 的 平台 也 会 带 来 更 大 的 竞争 ,如 此 
一 来 ,消费 者 将 可 以 用 更 低 的 价位 购 得 心仪 的 手机 。 


2. 挣脱 运营 商 的 束缚 


很 长 一 段 时 间 ,特别 是 在 欧美 地 区 ,手机 应 用 往往 受 运营 商 制约 ,什么 功能 接 人 什么 
网 络 , 几 乎 都 受 运 营 商 的 控制 。 自 从 iPhone 上 市 以 来 ,运营 商 的 制约 减少 ,用 户 可 以 更 加 
方便 地 连接 网 络 。 随 着 EDGE, HSDPA 这 些 2G 至 3G 移动 网 络 的 逐步 过 渡 和 提升 , 手 
机 随意 接 人 网 络 已 不 是 运营 商 口 中 的 笑谈 。 而 互联 网 巨头 Google 推动 的 Android 终端 
天 生 就 有 网 络 特色 ,让 用 户 离 互联 网 更 近 。 


3. 丰富 的 硬件 选择 
这 一 点 与 Android 平台 的 开放 性 相关 ,由 于 Android 的 开放 性 ,众多 的 厂商 会 推出 千 
奇 百 怪 、 功 能 特色 各 具 的 多 种 产品 。 功 能 上 的 差异 和 特色 , 却 不 会 影响 数据 同步 甚至 软件 


的 兼容 ,如 同 从 诺基亚 Symbian 风格 手机 一 下 改 用 苹果 iPhone, 同 时 还 可 将 Symbian 中 
优秀 的 软件 带 到 iPhone 使 用 .联系 人 等 资料 更 是 可 以 方便 地 转移 。 


4. 开发 商 不 受 任何 限制 


Android 平 台 提 供给 第 三 方 开 发 商 一 个 十 分 宽泛 、 自 由 的 环境 ,不 会 受到 各 种 条 条 框 
框 的 限制 ,可 想 而 知 , 会 有 大 量 新 颖 别致 的 软件 诞生 。 但 这 也 有 其 两 面 性 ,血腥 、 暴 力 、 情 
色 方 面 的 程序 和 游戏 如 何 控制 是 留 给 Android 难题 之 一 。 


5. Google 应 用 的 无 缝 结合 


互联 网 的 Google 已 经 走 过 10 年 ,从 搜索 巨人 到 全 面 的 互联 网 渗透 ,Google 应 用 如 
地 图 .邮件 .搜索 等 已 经 成 为 连接 用 户 和 互联 网 的 重要 纽带 ,而 Android 平台 手机 将 无 缝 
结合 这 些 优秀 的 Google 应 用 。 


1.3 Android 系统 架构 


Android 采用 了 分 层 架 构 的 思想 ,如 图 1-4 所 示 。 从 上 层 到 底层 共 包括 四 层 , 分 别 是 
应 用 程序 层 (APPLICATIONS) ,应 用 程序 框架 层 (APPLICATION FRAMEWORK), % 
统 库 (LIBRARIES) 和 Android 运行 时 (ANDROID RUNTIME), Linux P] E (LINUX 
KERNEL) 。 

每 层 功能 简要 介绍 如 下 。 


APPLICATIONS 





图 1-4 Android 系统 架构 图 


1. 应 用 程序 层 


应 用 程序 层 提供 一 些 核心 应 用 程序 包 , 例 如 电子 邮件 ,短信 日历. 地 图 .浏览 器 和 联 
系 人 管理 等 。 同 时 ,开发 者 可 以 利用 Java 语言 设计 和 编写 属于 自己 的 应 用 程序 ,而 这 些 
程序 与 那些 核心 应 用 程序 彼此 平等 ,友好 共处 。 


2. 应 用 程序 框架 层 


应 用 程序 框架 层 是 Android 应 用 开发 的 基础 ,包括 活动 管理 器 .窗口 管理 器 ,内 容 提 
供 者 .视图 系统 , 包 管 理 器 .电话 管理 器 资源 管理 器 、 位 置 管理 器 .通知 管理 器 和 XMPP 
服务 十 个 部 分 。 在 Android 平台 上 ,开发 人 员 可 以 完全 访问 核心 应 用 程序 所 使 用 的 API 
框架 。 并 且 任 何 一 个 应 用 程序 都 可 以 发 布 自身 的 功能 模块 ,而 其 他 应 用 程序 则 可 以 使 用 
这 些 已 发 布 的 功能 模块 。 基 于 这 样 的 重用 机 制 , 用 户 就 可 以 方便 地 替换 平台 本 身 的 各 种 
应 用 程序 组 件 。 





3. 系统 库 和 Android 运行 时 (虚拟 机 ) 


系统 库 包括 九 个 子 系统 ,分 别 是 图 层 管理 .媒体 库 、SQLite、OpenGLEState、 
FreeType, WebKit, SGL,SSL 和 libe, Android 运行 时 包括 核心 库 和 Dalvik 虚拟 机 ,前 
者 既 兼 容 了 大 多 数 Java 语言 所 需要 调用 的 功能 函数 ,又 包括 了 Android 的 核心 库 , 比 如 
android. os, android. net, android. media 等 。 后 者 是 一 种 基于 寄存 器 的 Java 虚拟 机 ， 
Dalvik 虚拟 机 主要 是 完成 对 生命 周期 的 管理 \ 堆 栈 的 管理 ,线程 的 管理 ,安全 和 异常 的 管 
理 以 及 垃圾 回收 等 重要 功能 。 





4. Linux 内 核 
Android 核心 系统 服务 依赖 于 Linux 2. 6 内 核 ,如 安全 性 、 内 存 管理 ,进程 管理 ,网 络 

















协议 栈 和 驱动 模型 。Linux 内 核 也 是 作为 硬件 与 软件 栈 的 抽象 层 。 驱 动 包括 显示 驱动 、 
摄像 头 驱动 .键盘 驱动 、WiFi 驱动 .Audio 驱动 ,Flash Pj f£ 3K Jj, Binder (IPC) 3k z), rf ifi 
管理 等 。 


5. 总 结 


(1) Android 的 系统 架构 采用 分 层 架 构 的 思想 ,架构 清晰 ,层次 分 明 ,协同 工作 。 

(2) Android 的 系统 架构 不 仅 从 宏观 上 介绍 了 Android 系统 ,同时 ,也 给 我 们 的 学 习 
与 实践 指明 了 方向 。 若 Android 应 用 开发 , 则 应 该 研究 Android 的 应 用 程序 框架 层 和 应 
用 程序 层 ; 若 Android 系统 开发 , 则 应 该 研究 Android 的 系统 库 和 Android 运行 时 ; 若 
Android 驱动 开发 , 则 应 该 研究 Android 的 Linux 内 核 。 总 之 , 找 准 切 入 点 ,实践 出 真知 。 














1.4 REN 


本 章 首 先 介 绍 了 智能 手机 操作 系统 的 概念 ,然后 介绍 了 Android 的 发 展 轨迹 ， 
Android SDK 发 布 时 间 点 和 里 程 碑 , 紧 接 着 介绍 了 Android 平台 优势 和 系统 架构 ,让 大 家 
对 Android 开发 有 了 一 定 的 认识 。 





2.1 开发 环境 搭建 
211 搭建 Audoid 环 境 需要 安装 的 软件 


1. JDK 8 


可 以 到 http://www. oracle. com/technetwork/java/javase/downloads/index. html 


下 载 ,如 图 2-1 所 示 。 


Java Platform UOK 8425 





2-1 JDK 8 下 载 页 面 


单 击 Java DOWNLOAD, 进 入 如 图 2-2 所 示 页 面 。 















| Linux x86 13524 MB Jdk-8u25-linux-4586 rpm. 





























| Linux x46 15488 MB — $ jdi-8u25-linux-iSt6tar az 

| Linux x64 D55MB Š jdk-Bu25-linux-x64.r9m 

“Linux x64 15342 MB S jdk-8u25-linuxx64 tar gz 

| Mac OS X x64 20913 MB 

[Solaris SPARC 64-bit DI package ` Dram — $ az ER 
| Solaris SPARC 64-bit 311 MB $ jdi-Su25-solaris-sparciótar gz 

| Solaris x64 (SVRA package) 13711 MB — $ jdk-Gu25-solaris-x64 tar 
[Solaris x64 942 MB $ jdk-8u25-solaris x64 tar gz 
[Windows xà 15726 MB — § jdi-Su25-windows-St6 exe. 












[Windows x64 16952 MB — © jdk-Bu25-windows-x64.exe 









2-2 下 载 JDK 8 




















JÉi Accept License Agreement ,选择 Windows x86 下 载 。 如 果 是 64 位 机 , 则 选择 
Windows x64 进行 下 载 。 


2. Eclipse 4. 4. 1 (SR1a) 


Eclipse 是 一 个 开源 的 、 基 于 Java 的 可 扩展 的 集成 开发 环境 (IDE)。Eclipse 中 可 以 
集成 多 种 插件 ,以 完成 特定 语言 的 开发 。 

下 载 地 址 http://www. eclipse. org/downloads/ 页 面 中 的 Eclipse IDE for Eclipse 
Committers 4. 4. 1 SR1la, 如 图 2-3 所 示 。 





Windows 32 Bit 


Downloaded 17,473 Times Windows 64 Bit 


e Eclipse IDE for Eclipse Committers 4.4.1 SR1a 29s me 


Package suited for development of Edipse itself at Edipse. 





图 2-3 Eclipse 2X 9t ifii 


下 载 Windows 32 Bit, 如 果 是 64 位 机 ,下 载 Windows 64 Bit, 此 时 进入 如 图 2-4 所 示 
页 面 。 


Eclipse downloads - mirror selection 


All downloads are provided under the terms and conditions of the Eclipse Foundation Software 
User Agreement unless otherwise specified. 


Download eclipse-standard-luna-SR1a-win32.zip from: 


[China] NEU (http) 
* Checksums: [MDS] [SHAT] [SHA-512 


or pick a miror site below. 








图 2-4 下 载 Eclipse 
单 击 LChina] NEU (http) 下 载 。 
3. Android SDK 
下 载 地 址 : http://dl. google. com/android/android-sdk r22-windows. zip. 
4. ADT Plugin for Eclipse 
下 载 地 址 : http://dl. google. com/android/ ADT-22. 0. 1. zip. 
212 安装 步骤 


步骤 一 : 分 别 解 压缩 eclipse-java-luna-SR1-win32. zip 和 android-sdk_r22-windows. 
zip 到 E:\android-tools \ 路 径 下 ,如 图 2-5 所 示 。 



































E » HL » MEDIA (E) » android-tools » [5v] [ ae ancreia-toots 
文件 (F) ”编辑 (E) Seu IR) ABH) 
mm mm Sens, 共享 =。 刻录。 wens 
tmx E - saam am X 
BTE Bi android-sdk-windows 2013/5/15 7:41 — Xf 
msn |. eclipse. 2014/9/26 2:52 eR J 











2-5 解压 缩 eclipse-java-luna-SR1-win32. zip 和 android-sdk r22-windows. zip 


E: \android-tools\eclipse, 
E: \android-tools\android-sdk-windows. 
步骤 二 : 配置 Android SDK( 见 图 2-6). 


(1) 执行 E:\android-tools\android-sdk-windows\SDK Manager. exe. 


Packages | Tools | 





SDK Path: E:\android-tools\android-sdk-windows 





$^ Name 
> FIL Tools 
回国 Android 4.4.2 (API 19) 
Lei Android 4.3 (API 18) 
Android 4.2.2 (API 17) 


”图 图 Android 4.1.2 (API 16) 
> 回国 Android 4.0.3 (API 15) 
> E @ Android 4.0 (API 14) 
”回国 Android 3.2 (API 13) 
回转 Android 3.1 (API 12) 

Le EI ai Android 3.0 (API 11) 





: [VlUpdates/New [Installed — ["JObsolete Select New or Updates 


Sort by: @ API level © Repository Deselect All 

















Fetching http://dl-ssl.google.com/android/repository/addons list-Dxml 





图 2-6 配置 Android SDK 


(2) 选择 安装 包 , 然 后 单 击 Install 3 packages... 。 

(3) Accept All 同意 全 部 协议 。 

(4) 然后 单 击 Install 开始 下 载 .安装 。 

步骤 三 : 在 Eclipse 中 安装 插件 ADT. 

CD 启动 Eclipse, 选 择 菜单 Help 一 Install New 
Software, 如 图 2-7 所 示 。 

(2) 弹出 对 话 框 Install, 如 图 2-8 所 示 , 选 择 
Add Archive... ,然后 选择 本 地 的 ADT 压缩 包 文 
件 , 在 Name 部 分 给 出 命名 ,本 例 为 adt4. 2。 





(3) 在 列表 中 选择 Developer Tools, 然 后 单 击 
Next 按钮 ,如 图 2-9 和 图 2-10 所 示 。 





@ Welcome 
@ Help Contents 
SP Search 
Dynamic Help 
Key Assist... 
Tips and Tricks... 
Cheat Sheets... 


Ctrl+Shift+L 


Check for Updates 
Install New Software... 





About Eclipse SDK 


2-7 启动 Eclipse 


























Name: 





Location: jar:file:/E:/android-tools/ADT -22.0.1.zip! / 





@ 


2-8 Install 界面 








Available Software 
Check the items that you wish to install. 











Find more software by working with the “Available Software Sites” preferences. 


Work with: adt4.2 - jar:file:/E:/android-tools/ADT-22.0.1.zip!/ 


[type fitter text 





22.0.1.v201305230001--685705 
22.0.1.v201305230001--685705 
22.0.1.v201305230001--685705 
22.0.1.201305230001--685705 
22.0.1.v201305230001--685705 


Android Hierarchy Viewer 
( G> Android Traceview 
Ve Tracer for OpenGL ES 
» E 100 NOK Plugins. 


[ES (meses) Stems slates 


Details 
Android Traceview 














(V) Hide items that are already installed 
What is already installed? 


[Vi Show only the Jatest versions of available software 
[Group items by category 

E Show only software applicable to target environment 

(VI Contact all update sites during install to find required software 











© 





图 2-9 Developer Tools(1) 


(4) 接受 所 有 的 安装 协议 ,然后 单 击 Finish 按钮 ,如 图 2-11 和 图 2-12 所 示 。 
(5) 安装 过 程 中 ,出 现 如 图 2-13 所 示 的 警告 , 单 击 OK 按钮 。 
(6) 安装 完毕 ,提示 重新 启动 Eclipse, 如 图 2-14 所 示 。 
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(1) 打开 Eclipse AND Manager. WA 2-15 所 示 。 
(2) 新 建 虚拟 机 ,如 图 2-16 Bras. 
(3) 设置 虚拟 机 默认 参数 ,如 图 2-17 所 示 。 





Install Details 
Review the items to be installed. 





第 cc 章 Android 开 发 环境 构建 











Name 
IS Android DDMS 
IS Android Development Tools 
VE Android Hierarchy Viewer 
VD Android Traceview 
G Tracer for OpenGL ES 





1d 
com.andrcid.ide.eclipse.dáms.f. 
com.andrcid.ide.eclipse.adt fea. 
com.andrcid.ide.eclipse.hierarc... 
com.andrcid.ide. eclipse .tracevi 
com.andrcid.ide.eclipse.gldebu... 

















图 2-10 Developer Tools(2) 


Review Licenses. 
Licenses must be reviewed and accepted before the software can be installed. 





Licenses: 


License text: 





b Apache License 
» Note: jcormmon-1.0.12.Jar is under the BSD icense rather than the APL. Yi 
b Note: kxmi2-2:3.0/ar is under the BSD license rather than the EPL. vod 


Apache License. 
Version 2.0, January 2004 
http://www.apache.ora/icenses/ 


TERMS AND CONDITIONS FOR USE, REPRODUCTION, 
AND DISTRIBUTION 


1. Definitions. 


"License" shall mean the terms and condttions for use, 
reproduction, 

and distribution as defined by Sections 1 through 9 of 
this document. 


“Licensor” shall mean the copyright owner or entity 
authorized by 
the copyrignt owner that is granting the License. 


"Legal Entity" shall mean the unicn of the acting entity 
andall 

‘other entities that control, are controlled by, or are 
under common 

control with that entity. For the purposes of this 
definition, 

contro" means (i) the power, direct or indirect, to 


/& 1 accept the terms cf the license agreements 








1 do not accept the terms of the license agreements 
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sm) ve: mm) Gwe 
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Warning: You are installing software that contains unsigned content. The 
authenticity or validity of this software cannot be established. Do you want 
to continue with the installation? 


L a 1 oe Jee 








图 2-13 Security Warning 


You will need to restart Eclipse for the changes to take effect. Would you like 
to restart now? 





图 2-14 Software Updates 


New Window 
New Editor 


Open Perspective 
Show View 





图 2-15. 打开 Eclipse AND Manager 








Target Name Platform API Level ` CPU/ABI 


||| AVD Name 
EI No AND available. = 

















~ A valid Android Virtual Device. ` ` A repairable Android Virtual Device. 
X An Android Virtual Device that failed to load. Click 'Details' to see the error. 





图 2-16 新 建 虚拟 机 





bva4.2 
3,2" HVGA slider (ADP1) (320 x 480: mapi) v 
Android 4.2.2 - API Level 17 























ARM (armeabi-v7a) 
Hardware keyboard present 
E Display a skin with hardware controls 
































@ Size: 


ort: (see. 


Emulation Options: | FF snapshot Use Host GPU 


(Override the existing AVD with the same name 





L oe JL ee 


图 2-17 设置 虚拟 机 默认 参数 





(4) 虚拟 机 建立 完毕 ,如 图 2-18 所 示 。 
(5) 单 击 Start 按钮 ,启动 虚拟 机 ,如 图 2-19 所 示 。 
(6) Android 虚拟 运行 环境 配置 完毕 ,如 图 2-20 所 示 。 























Android 项 发 教程 


‘Android Virtual Devices Device Defintions| 





List of existing Android Virtual Davices located at CAUsersVidministraton android\ava 





AVD Name Target Name Platform API Leve ` CPU/ABI New... 
Mavd42 Android 4.2.2 4.22 v ARM ameab | ea] 
Vother4.2 Android 4.22 422 i ARM (armeabi-... 

Delete... 

















V/ ^ valid Android Virtual Device. EÈ A repairable Android Virtual Device. 
X An Android Virtual Device that failed to load. Click ‘Details’ to see the error. 




















图 2-18 虚拟 机 建立 完毕 


Skin: HVGA (320x480) 
Density: Medium (160) 
E Scale display to real size 


3.2 
96 


El Wipe user data 
Launch from snapshot 
Save to snapshot 





Launch | (Cances 

















图 2-19 启动 虚拟 机 











图 2-20 Android 虚拟 运行 环境 配置 完毕 

















214 新 的 Andoid 开 发 环境 一 一 Andoid Sudo 





在 Google 2013 年 1/0O 大 会 上 ,谷歌 推出 新 的 Android 开发 环境 一 一 Android Studio 


( 见 图 2-21) ,开发 者 可 以 在 编写 程序 的 同时 看 到 自己 不 同 尺寸 的 屏幕 。 


http://developer. android. com/sdk/index. html. 


下 载 地 址 : 





T developer.android com/sdk/index htmil 


mr - aeai 
WW Developers ~ Desan Disribure 
Verte AP Gies Reference Geode Savices Sarees 





图 2-21 Android Studio 


下 载 后 安装 ,Android Studio 安装 需要 JDK 是 1. 7 或 以 上 版 本 。 安 装 过 程 


“下 一 步 "按钮 即 可 。 安 装 完成 如 图 2-22 所 示 o 








pd Welcome to Android Studio 


Quick Start 





E 


My Application 


图 omenan extn aaria stua pejet 
B oceani cote oc 

VGS nect out set nom verson Contr 
[: trot non tert st miet 


M ex: 


ese 





‘Android Studio 1.0.1 Build 135.1641136. Check for updates now. 


ToT = ew] 








图 2-22 安装 完成 的 Android Studio 








Nod iced Se 
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单 击 Start a new Android Studio project. rf —^ Android 项 目 , 如 图 2-23 所 示 。 





Configure your new project. 


Applcation rame: 








Company Domain: [acmnissator exampe cor 








Facksoe name: 





comexamole aomntstracor peter 


tot 


Project location: 





EE 




















图 2-23 新建 一 个 Android 项 目 








一 直 单 击 Next 按钮 ,直到 单 击 Finish 按钮 结束 ,项 目 创建 完成 ,如 图 2-24 所 示 。 


Fle Edi View Navigate Code Ae Beie Bu Run Tools VCS Window He 


OHO e+ KOT AS +o Roo P eR FR SRS e 
Ta MyApolication3 C3 app) Sse) Cen is Dim S adi menn 
SSC? Ire | acovty ern: 


© Melo morove Android Studio by sending usage statistics to Google Inc. 
Pise cick Le you want to heip rae cr Studo bt or Ldon ae 
Í otaran. morens 











D ‘comoonert ret 
> 四 comeanoeaanmanatormaoga D Lavaste - v E Devee sereen 
> Deemeramoleadminstratorsmanig fäer - Ms «580 o eet 
ep Toaview Gerti wot 
已 urnmor (verkan 
[Toesyor 
Bad mainai E Tasow 
» Dmu E Gridayost 
> Dvaras Breet 
» © crade sates 














cormoiaSdhVerson ano 21 requres coming wth OK 7 
© Eror: Open SOK Setthar 
dente 











2-2A 项 目 创建 完成 


2.2 创建 Android 应 用 程序 


Android 第 一 个 程序 : Hello Android。 
(1) 打开 Eclipse File Project New Android Application, 如 图 2-25 所 示 。 
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New Android Application 
@ Enter an application name (shown in launcher) 








Application Name:o | 
Project Name: 
Package Name:e 











Minimum Required SDK:0|API 8: Android 2.2 (Froyo) —— 7 





TaretSDKco[APLiz.Amdod42QelyBem) 7 
EE 
Theme:0[Holo Light with Dark Action Bar ~) 

















(The application name is shown in the Play Store, as well as in the Manage Application list in 
Settings. 




















FA 2-25 New Android Application 


(2) 项 目 名 称 为 HelloWorld, 包 名 为 cn. jerry, 如 图 2-26 所 示 。 


New Android Application 
Creates a new Android Application 








Application Name: HelloWorld 
Project Name: HelloWorld 
Package Name:9 cn.jerry| 











Minimum Required SDK:9| 





Target SDK:0 





‘Compile With:9| 





Theme:6| 











Q The package name must be a unique identifier for your application. 


It is typically not shown to users, but it *must* stay the same for the lifetime of your application; 
it is how multiple versions of the same application are considered the "same app”. 
This is typically the reverse domain name of your organization plus one or more application 











EIE [NET NN 


图 2-26 项 目 命名 
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(3) 一 直 单 击 Next 按钮 到 如 图 2-27 所 示 界 面 , 单 击 Finish 按钮 ,创建 完成 ,如 图 2- 


28 所 示 。 


Blank Activity 


Creates a new blank activity, with an action bar and optional navigational elements such as tabs or 


horizontal swipe. 








Activity Name® MainActivity 
Layout Name? activity main 


Navigation Type9 None. 




















Q The name of the activity class to create 











图 2-27 单 击 Next 按钮 





Package Exolorer " 
a i Hetowora 
isc 
上 BB gen [Generated tava Files] 
b mh Arad 42:2 
b m ancrad Private Libraries 
o assets 
oon 
T 
DEEN 
` e araabie-hapi 
© aawobie api 
` pr araobie-máor 
` E» arawebiexnapi 
` B dravobiexohdoi 
DESCH 
activity Aerem 
e sent 
EA 
LC values-sw6c0dp 
上 Es values-sw720dp-Bnd 
> © values-vit 
b © vatues-vad 
D Androiavanirast ort 
i c Jaurenerwab.png 
E oroquard-oroject. te 
E aroject.properties. 
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SDO IDE E = 可 













|| 16 k/Relativetayout> 






` 3 
; Welcome! 
3 android: Layout The Android Developer Took provide a fi 
4 —— android:layout height-"motch parent" Tha integrate gevalcpment environmen 
ps android:paddingBottow-"édimen/activity vertical margin" meia raga o ys car | 
| $ android "Edimen/activity horizontal margin" 
7 android: ‘@dimen/activity horizontal margin" 
8 ` android: ‘@dimen/activity verticol margin" Tute 
9 — tools:context-" MoirActivity" > Bua Your First Ann It youre new te A| 
10 Ke 
1 crextVies Desa Your Aon Barore you begn 
12 android: layout_width="wrap_content™ expect from vour 
ES android: layout height-"wrop content" Tos You sep ` The Android Frar 
14 android:text="@string/hello_world” /> behaves as expec 




















E Problems @ Invader E Decaration| 





[anaoa 


























图 2-28 HelloWorld 创建 完成 
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程序 如 图 2-29 所 示 。 


”OIE acivity mainm SZ 











i 





ndroid-"http://s 
Go Into 1ns:tools-"http://schemas. android 
layout width-"match parent" 
layout height-"match parent 





Open in New Window 











Open Type Hierarchy Fa :paddingBottom="@dimen/acti 
Show In AltéShiftéW > :paddingLeft: “edinen/octivid] 
SE :paddingRight="@dimen/activi 
sd :paddingTop="@dimen/activity 
Copy Qualified Name ols: context=".MainActivity” > 
Paste Ctrl+V 
Delete Delete extView 
android:layout width-"wrap cont: 
Build Path B 5 d 
android: layout_heigh' up conl 
Source AlteShitt+S > android: text="@string/helLo_wor! 
Refactor Attert 


tiveLayout> 





Refresh FS 
Close Project. i 
Assign Working Sets. yout | (F) activity. main.xml 

































Run As » |f] 1Anóroid Application. 

Debug As >| JE 2 Android JUnit Test 

Profile As E 3 Java Applet Alt+Shit+X, A 
Validate 回 4Java Application Alt Shift X, J 
Team +| Ju SJUni Test AltsShitt+x, T 
COE ER * | Run Configurations... 

Restore from Local History... 


Android Tools D 








Properties 





图 2-29 运行 程序 


(5) 运行 界面 如 图 2-30 所 示 。 


HelloWorld 


Hello world! 


Ah Cam A 
Weay 


EN o. 5 A 


aleea dss Iz lelo lo | 
o w le la lr lv lu lr jo le | 
a ls lo le le In ly lx li lal 
全 |x fe |v le ly u|. fel 
ols ee ee nl 





图 2-30 ”运行 界面 




















2.3 解析 Android 应 用 程序 框架 


231 Andoid SK 目录 详解 
Android SDK 中 包含 多 个 文件 夹 , 如 图 2-31 所 示 。 它 们 的 作用 如 下 。 


GO « sortware(0:) » sonware EE Islas | 











aom 
2013/9/23 9:43 
2013/9/23 9:43 
2013/9/23 9:43 
2013/9/23 9:42 
2013/9/23 9:42 
2013/9/23 9:42 
2013/9/23 9:42 
2013/9/23 9:41 
2013/9/23 9:41 
2013/9/23 9:41 
2013/9/23 9:41 
2013/7/2 23:32 
2013/7/2 23:32 





^ ea MEDIA (E:) 
> ea BACKUP (F:) 


rn 





2-31 Android SDK 目录 


(1) add-ons 保存 附加 库 ,比如 GoogleMaps。 如 果 安 装 了 Ophone SDK ,这 里 也 会 有 


(2) build-tools 是 编译 工具 目录 ,包含 了 转化 为 davlik 虚拟 机 的 编译 工具 。 

(3) docs 是 Android SDK API 参考 文档 ,所 有 的 APT 都 可 以 在 这 里 查 到 。 

(A) extras 是 扩展 插件 目录 。 

(5) platforms 是 每 个 平台 的 SDK 真正 的 文件 ,以 Android 2. 2 为 例 ,进入 后 有 一 个 
android-8 的 文件 夹 。android-8 进入 后 是 Android 2. 2 SDK 的 主要 文件 ,其 中 ant 为 ant 
编译 脚本 ,data 保存 一 些 系统 资源 ,images 是 模拟 器 映像 文件 ,skins 是 Android 模拟 器 
的 皮肤 ,templates 是 工程 创建 的 默认 模板 ,android. jar 是 该 版 本 的 主要 framework X 
件 ,tools 目录 包含 了 重要 的 编译 工具 ,比如 aapt、aidl、 首 向 调试 工具 dexdump 和 编译 脚 
本 dx。 

(6) platform-tools 保存 一 些 通 用 工具 ,比如 adb、aapt、aidl、dx 等 文件 , Android 123 
提示 ,这 里 和 platforms 目录 中 tools 文件 夹 有 些 重 复 , 主 要 是 从 Android 2. 3 开始 这 些 工 
具 被 划分 为 通用 工具 。 








(7) samples 是 Android SDK 自 带 的 默认 示例 工程 ,apidemos 强烈 推荐 初学 者 运行 
学 习 。 对 于 SQLite 数据 库 操 作 可 以 查看 NotePad 这 个 例子 ,对 于 游戏 开发 Snake、 
LunarLander 都 是 不 错 的 例子 ,对 于 Android 主题 开发 Home 是 Android 5. 0 时代 的 主 
题 设计 原理 。 

(8) sources 放 的 是 相关 版 本 的 源 代码 。 

(9) system-images 目录 是 编译 好 的 系统 映像 ,模拟 器 可 以 直接 加 载 。 

(10) temp 是 临时 目录 。 

(1D tools 作为 SDK 根 目录 下 的 文件 夹 ,包含 了 重要 的 工具 ,如 ddms 用 于 启动 
Android 调试 工具 ,logcat、 屏 幕 截图 和 文件 管理 器 ;draw9patch 是 绘制 android 平台 的 可 
缩放 png 图 片 的 工具 ;sqlite3 可 以 在 PC 上 操作 SQLite 数据 库 ;monkeyrunner 是 一 个 不 
错 的 压力 测试 应 用 ,模拟 用 户 随机 按键 ;mksdcard 是 模拟 器 SD 映像 的 创建 工具 ; 
emulator 是 Android SDK 模拟 器 主 程序 ,从 Android 1. 5 开始 ,需要 输入 合适 的 参数 才 
能 启动 模拟 器 ;traceview 是 Android 平台 上 重要 的 调试 工具 。 

(12) AVD Manager. exe 是 虚拟 机 管理 工具 。 

(13) SDK Manager. exe 是 SDK 管理 工具 。 


232 Andoid 程 序 目录 结构 详解 


Android 程序 目录 结构 如 图 2-32 所 示 。 
A) sre 文件 夹 。 该 文件 夹 用 于 存放 项 目的 源 ry 
代码 。 as 


(2) gen 文件 夹 。 该 文件 夹 下 有 R. java 文件 ,R. YY 


» D MainActivityjava 


java 在 建立 项 目 时 自动 生成 ,是 只 读 模 式 的 ,不 能 更 | “ene mene 


4 Bi cnjery 


PE. R. java 文件 中 定义 了 一 个 类 一 一 R,R 类 中 包含 很 Keren 
多 静态 类 , 且 静 态 类 的 名 字 都 与 res 中 的 一 个 名 字 对 | anot r 
应 , 即 R 类 定义 该 项 目 所 有 资源 的 索引 。HelloWorld ` 
项 目 就 是 如 此 ,如 图 2-33 所 示 。 

通过 R. java 可 以 很 快 地 查找 需要 的 资源 ,另外 编 
译 器 也 会 检查 R. java 列表 中 的 资源 是 否 被 使 用 ,没有 
被 使 用 的 资源 不 会 编译 软件 中 ,这 样 可 以 减少 应 用 在 





手机 中 占用 的 空间 。 
(3) Android 文件 夹 。 该 文件 夹 下 包含 android. : © values-sw720dp-land 
jar 文 件 , 这 是 一 个 Java 归档 文件 ,其 中 包含 构建 应 用 LB ras vid 


程序 所 需 的 所 有 的 Android SDK 库 (如 Views, ee 
proguard-project.txt 


Controls) 和 APIs。 通 过 android. jar 将 自己 的 应 用 程 D project.properties 





序 绑 定 到 Android SDK 和 Android Emulator, 这 人 允许 
用 户 使 用 所 有 Android 的 库 和 包 , 且 使 应 用 程序 在 适 。 图 2-32 Android 程序 目录 结构 
当 的 环境 中 调试 。 例 如 ,上 面 的 HelloWorld. java 源 文 

件 中 的 : 
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Wis AUTO-GENERATED FILE. DO NOT MODIFY.[] 





package helloworld.test; 


public final class R ( 4 Es res 
© public static final class attr ( 


F © drawable-hdpi 
© public static final class Weg E, 
public static final int icon-0x7f " © drawable-Idpi 
} ® icon.png 
© public static final class layout © drawable-mdpi 
public static final int main=0x7f03} "pe 
` 
layout 
^ public static final class string - ge 
public static final int app name-0x z Bi mainan 
public static final int hello-0x7£040000; values 


) (i) stringsxml 








图 2-33 gen 文件 夹 


(D import android. app. Activity, 

© import android. os. Bundle, 

这 里 两 行 代 码 就 是 从 android. jar 导入 的 。 

(4) assets 文件 夹 。 包 含 应 用 系统 需要 使 用 的 诸如 MP3 ,视频 类 的 文件 。 

(5) res 文件 夹 。 资 源 目录 ,包含 项 目 中 的 资源 文件 并 将 其 编译 应 用 程序 。 向 此 目录 
添加 资源 时 ,会 被 R. java 自动 记录 。 新 建 一 个 项 目 ,res 目录 下 会 有 三 个 子 目 录 : 
drawabel, layout, values, 

(D drawabel。 包 含 一 些 应 用 程序 可 以 用 的 图 标 文件 (* . png, * . jpg). 

@ layout。 界 面 布局 文件 (main. xml) 5j Web 应 用 中 的 HTML 类 同 , 没 修改 过 的 
main. xml 文件 如 下 (HelloWorld 没有 修改 过 ) 。 

XML/HTML 代码 如 下 : 


<Relativelayout mlns:android- "http: //schaes .android.oa/apk/res/andraid” 
xmlns:tools= "http: //schemas .android.oaw/tools" 
android: layout_width= "match parent" 
android: layout_height= "match parent" 
android:paddingBottam= "@ dimen/activity vertical margin" 
android:pecdingLeft="@ dimen/activity horizontal margin" 
android:paddingRight= "@ dimen/activity horizontal margin" 
android:paddingTop= "e dimen/activity vertical margin" 
tools:context- ".MainActivity"> 
<TextView 
android: layout_width= "wrap content" 
android: layout height- "wrap content" 
androiditext- "@ string/hello world" /> 
< fFelativelayout^ 
G values。 软 件 上 所 需要 显示 的 各 种 文字 。 可 以 存放 多 个 * . xml 文件 ,还 可 以 存放 
不 同类 型 的 数据 。 比 如 arrays. ml. color, xml ,dimens. xml,styles. xml. 
(6) AndroidManifest. xml。 项 目的 总 配置 文件 ,记录 应 用 中 所 使 用 的 各 种 组 件 。 这 








个 文件 列 出 了 应 用 程序 所 提供 的 功能 ,在 这 个 文件 中 ,可 以 指定 应 用 程序 使 用 的 服务 (如 
电话 服务 .互联 网 服务 .短信 服务 .GPS 服务 等 )。 另 外 , 当 新 添加 一 个 Activity, 也 需要 在 
这 个 文件 中 进行 相应 配置 ,只 有 配置 好 后 ,才能 调用 此 Activity. AndroidManifest. xml 
将 包含 application permissions, Activities, intent filters 等 的 设置 。 

HelloWorld 项 目的 AndroidManifest. xml 如 下 所 示 。 

XML/HTML 代码 如 下 : 


< ?ml version- "1.0" encoding- "utf- 8"2> 
«manifest xmlns:android "http: //schemas.android.oav/apk/res/android" 
package- "cn. jerry" 
android:versionCode= "1" 
android:versionName- "1.0"> 
« uses- sdk 
android:minSdkVersion- "8" 
android:targetSdkVersion- "17" /> 
«application 
android:alloBackup- "true" 
android:icon- "@ drawable/ic launder" 
android:label- "@ string/app name" 
android:theme- "@ style/AppIheme"> 
«activity 
android:name= "an. jerry.MainActivity" 
android: label= "@ string/app_name"> 
< intent- filter> 
< action android:name= "android. intent .action.MAIN" /> 
< category android:nare= "android. intent .category.LAINCEER" /> 
< /intent- filter> 
< /activity> 
< /application» 
< /manifest> 


(7) project. properties。 记 录 项 目 中 所 需要 的 环境 信息 ,比如 Android 的 版 本 等 。 
HelloWorld 的 project. properties 文件 代码 如 下 所 示 , 代 码 中 的 注释 已 经 把 project. 
properties 解释 得 很 清楚 ,最 后 一 行 指定 了 本 项 目 所 用 的 sdk 版 本 号 。 


#This file is autamatically generated by Android Tools. 

#Do not modify this file- — YOUR CHANGES WILL BE ERASED! 

* 

#This file must be checked in Version Control Systems. 

* 

#To custamize properties used by the Ant build system edit 
dPant.properties", and override values to adapt the script to your 
#project structure. 

* 

















#To enable ProGuard to shrink and dbfuscate your code, unomment this (available properties: sdk.dir, 
user.hare) : 


#proguard.cnfig= $ {sdk.dir}/tools/proguard/proquard- android. txt :proyard- 
project.txt 


#Project target. 
target- android- 17 


2.4 本 章 小 结 


本 章 主要 介绍 了 搭建 Android 开发 环境 的 步骤 .Android SDK 的 相关 内 容 .应 用 程序 
的 结构 ,并 创建 了 一 个 简单 的 Android 应 用 程序 。 通 过 本 章 的 学 习 , 读 者 可 以 掌握 
Android 开发 环境 的 配置 ,比较 清晰 地 把 握 Android SDK 的 全 貌 ,熟悉 应 用 程序 的 结构 ， 
以 及 附带 的 工具 使 用 。 








通信 功能 的 设计 及 开发 


本 章 的 工作 目标 如 下 : 

(1) 使 用 Android 中 布局 和 基本 控件 实现 打 电 话 ,发 送 短信 界面 。 
(2) 使 用 Activity 和 Intent 实现 拨打 电话 ,发 送 短信 功能 。 

(3) 完成 程序 运行 与 效果 测试 。 


3.1 项 目 分 析 


本 项 目的 学 习 主要 关注 以 下 几 点 。 

(1) 认识 Android 中 视图 的 层次 结构 。 

(2) 掌握 Android 中 常用 布局 。 

(3) 掌握 Android 中 标签 文本 框 、 按 钮 控件 。 

(4) 熟悉 Android 中 Intent( 意 图 ) 的 使 用 。 

(5) 掌握 Android 中 Activity 的 使 用 。 

(6) Tf Android 中 permission 的 概念 。 

(7) 综合 前 面 几 点 实现 拨打 电话 和 发 送 短信 功能 。 
通信 功能 的 设计 及 开发 如 图 3-1 所 示 。 


TS 














Button 控 件 | Permission 


图 3-1 通信 功能 的 设计 及 开发 











EditText 控 件 | 











1. 打 电 话 界面 编写 


首先 ,在 界面 中 加 入 垂直 方向 的 线性 布局 ,让 控件 按照 从 上 到 下 的 方式 排列 。 其 次 ， 
在 界面 中 依次 加 入 Text View 标签 控件 显示 “请 输入 手机 号 码 ”, 加 入 EditText 文本 框 控 

















件 ,让 用 户 输入 手机 号 码 , 加 入 Button 按钮 控件 ,显示 “拨打 ”。 
2. 打 电 话 功 能 编写 


首先 ,新 建 一 个 Activity, 调 用 Activity 的 setContentView() 方 法 与 界面 建立 关联 。 
其 次 ,通过 Intent 意图 启动 拨打 电话 功能 ,最 后 ,在 AndroidManifest. xml 文件 中 加 入 
Permission 权限 。 


3.2 项 目 界面 设计 


Android 用 户 界面 的 开发 包括 两 个 方面 : 用 户 界 面 设计 和 相应 的 事件 处 理 。 在 一 个 
Android 应 用 程序 中 ,用 户 界面 由 一 系列 的 View 和 ViewGroup 对 象 组 合 而 成 。Android 
fi View 和 ViewGroup 对 象 , 它 们 都 继承 自 View 基 类 ;事件 处 理 则 包括 button 控件 的 单 
击 事件 等 。 


1. 用 户 界面 的 生成 


Android 用 户 界面 的 生成 有 两 种 : 一 种 是 通过 XML 布局 文件 生成 ,这 也 是 最 简便 和 
最 直观 的 一 种 方法 ; 另 一 种 是 用 代码 直接 生成 。 对 于 XML 生成 的 布局 文件 可 以 通过 
ADT 提供 的 UI 预览 功能 预览 所 创建 的 用 户 界面 。 


2. View 


Android 中 的 View 与 以 前 理解 的 “视图 ”不同 。 在 Android 中 , View 比 视图 具有 更 
广 的 含义 , 它 包 含 用 户 交互 和 显示 ,更 像 Windows 操作 系统 中 的 Window, View 对 象 是 
Android 平台 中 用 户 界面 体现 的 基础 单位 。View 类 是 其 称 为 “Widget( 工 具 )” 的 子 类 的 
基础 ,它们 提供 了 诸如 文本 输入 框 和 按钮 之 类 的 UI 对象 的 完整 实现 。 一 个 View 对 象 是 
一 个 数据 结构 ,存储 布局 参数 和 屏幕 特定 区 矩形 区 域 的 内 容 。 一 个 View 会 处 理 自己 所 
在 屏幕 区 域 的 测量 ,布局 绘制 .焦点 改变 、 滚 动 和 按键 手势 交互 。 作 为 用 户 交 互 对 象 ,一 
个 View 可 以 作为 用 户 与 系统 的 交互 工具 ,接收 事件 。 作 为 基 类 , View 类 为 Widget 服 
务 ,Widget 是 一 组 用 于 绘制 交互 屏幕 元 素 的 完全 实现 子 类 。Widget 处 理 自己 的 测 距 和 
绘图 ,所 以 可 以 快速 地 用 它们 去 构建 界面 。 常 用 的 Widget 包括 TextView、EditText 及 
Button 等 。 


3. ViewGroup 


ViewGroup 是 View 的 子 类 , 它 具 有 View 特性 ,但 它 主要 用 来 充当 View 的 容器 ,将 
其 中 的 View 视 作 自己 的 孩子 .对 它 的 子 View 进行 管理 , 当然 它 的 孩子 也 可 以 是 
ViewGroup 类 型 。ViewGroup 和 它 的 孩子 们 (View 和 ViewGroup) 形 成 了 一 个 树 形 结 
构 ,View 类 有 接收 和 处 理 消 息 的 功能 .Android 系统 所 产生 的 消息 会 在 这 些 ViewGroup 
和 View 之 间 传 递 。 

ViewGroup 可 以 为 界面 增加 结构 ,并 且 将 复杂 的 屏幕 元 素 组 成 一 个 独立 的 实体 。 
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ViewGroup 为 Layout 提供 服务 ,Layout 用 来 提供 各 种 布局 结构 ,包括 linear 线性 布局 、 
表格 布局 和 绝对 布局 等 。 

图 3-2 所 示 是 一 个 由 View 和 ViewGroup 布局 的 活动 (Activity) 界 面 。 一 个 Activity 
的 界面 可 以 包含 多 个 ViewGroup 和 View, 通 过 两 者 的 组 合 使 用 能 够 更 好 地 完成 更 复杂 
界面 的 设计 。 





ViewGroup 





























ViewGroup View View 









































| View View 


图 3-2 View 与 ViewGroup 组 合 使 用 布局 的 Activity 界面 





一 个 新 的 Activity 被 创建 时 是 一 个 空白 屏幕 ,可 以 把 自己 的 用 户 界面 放 到 上 面 。 要 
设置 用 户 界面 ,可 以 调用 setContentView() ,并 传人 需要 显示 的 View 实例 (通常 是 一 个 
布局 ) 。 由 于 空白 屏幕 不 是 我 们 想 要 的 ,所 以 在 创建 一 个 新 的 Activity 时 ,在 onCreate() 
处 理 程序 中 总 是 采用 setContentView O 的 方法 设置 我 们 需要 显示 的 用 户 界 面 。 具 体 使 
用 Activity, 请 参照 本 章 相关 实例 。 


321 知识 准备 
l. 布局 


Android 的 界面 是 由 布局 和 组 件 协同 完成 的 ,布局 好 比 是 建筑 里 的 框架 ,而 组 件 则 相 
当 于 建筑 里 的 砖 瓦 。 组 件 按照 布局 的 要 求 依次 排列 ,就 组 成 了 用 户 所 看 见 的 界面 。 
Android 的 五 大 布局 分 别 是 RelativeLayout (相对 布局 )、LinearLayout (线性 布局 )、 
FrameLayout( 单 帧 布局 )、TableLayout( 表 格 布局 ) 和 AbsoluteLayout( 绝 对 布局 ) 。 前 两 
种 布局 在 项 目 实战 中 使 用 较 多 ,后 两 种 布局 在 项 目 中 使 用 较 少 , 本 书 所 有 项 目 重点 使 用 的 
是 前 两 种 布局 ,在 QQ 项 目 中 使 用 FrameLayout 布局 。 

(1) RelativeLayout 

RelativeLayout 按照 各 子 元 素 之 间 的 位 置 关系 完 成 布局 。 在 此 布局 中 的 子 元 素 里 ， 
与 位 置 相关 的 属性 将 生效 。 例 如 ,android: layout_below android; layout_above 等 。 子 
元 素 就 通过 这 些 属 性 和 各 自 的 ID 配合 指定 位 置 关系 。 在 指定 位 置 关 系 时 ,引用 的 IDA 
须 在 引用 之 前 先 被 定义 ,否则 将 出 现 异常 。 不 能 在 RelativeLayout 容器 本 身 和 它 的 子 元 
素 之 间 产 生 循环 依赖 ,比如 ,不 能 将 RelativeLayout 的 高 设置 成 WRAP_CONTENT 时 将 
子 元 素 的 高 设置 成 ALIGN PARENT BOTTOM, 

RelativeLayout 常用 的 位 置 属性 如 下 。 

* android:layout_above: 将 该 控件 置 于 给 定 ID 的 控件 之 上 。 

e android:layout below: 将 该 控件 置 于 给 定 ID 控件 之 下 。 
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* android:layout_toLeftOf: 将 该 控件 置 于 给 定 ID 的 控件 之 左 。 

* android:layout_toRightOf: 将 该 控件 置 于 给 定 ID 的 控件 之 右 。 

* android: layout_alignBaseline: 该 控件 基线 对 齐 给 定 ID 的 基线 。 

。 android:layout_alignBottom: 该 控件 于 给 定 ID 的 控件 底部 对 齐 。 

* android:layout_alignLeft: 该 控件 于 给 定 ID 的 控件 左 对 齐 。 

* android:layout alignRight: 该 控件 于 给 定 ID 的 控件 右 对 齐 。 

e android:layout_alignTop: 该 控件 于 给 定 ID 的 控件 顶 对 齐 。 

* android:layout_alignParentLeft: 如 果 为 True, 该 控件 位 于 父 控件 的 左 部 。 

* android:layout_alignParentRight: 如 果 为 True, 该 控件 位 于 父 控 件 的 右 部 。 

* android:layout_alignParentTop: WAH True, 该 控件 位 于 父 控件 的 顶部 。 

* android:layout_alignParentBottom: 如 果 为 True, 该 控件 位 于 父 控件 的 底部 。 
* android:layout_centerHorizontal: 如 果 为 True, 该 控件 将 被 置 于 水 平方 向 的 











中 央 。 
* android:layout_centerInParent: 如 果 为 True, 该 控件 将 被 置 于 父 控件 水 平方 向 
和 垂直 方向 。 


* android:layout_centerVertical: 如 果 为 True, 该 控件 将 被 置 于 垂直 方向 的 中 央 。 
RelativeLayout 是 Android 五 大 布局 结构 中 最 灵活 的 一 种 布局 结构 ,比较 适合 一 些 
复杂 界面 的 布局 ,效果 如 图 3-3 所 示 。 











图 3-3 RelativeLayout 布局 


开发 步骤 。 

第 一 步 : 新 建 Android T. f. Æ eclipse 左上 角 单 击 File > New > Android 
Application Project, 在 弹出 的 对 话 框 中 填写 应 用 名 称 (Application Name)、 项 目 名 称 
(Project Name) 和 包 名 (Package Name) ,如 图 3-4 所 示 。 















| New Android Application 
| Creates a new Android Application. 


Application Name:e 相对 布局 
| Project Namen 相对 布局 
Package Name:9 cn.jerry| 

















图 3-4 填写 相应 内 容 


一 直 单 击 Next 按钮 ,直到 单 击 Finish 按钮 结束 ,Android 工程 创建 成 功 。 
第 二 步 : 添加 布局 代码 。 在 项 目 中 双击 res>layout 目录 下 的 Activity main. xml, 添 
加 如 下 代码 。 


< TextView 
android:id= "@ + id/textViewl" 
android:layout width= "fill parent" 
amdroid:layout height- "wrap content" 
android:text= "请 输入 用 户 名 :" /> 

< FditText 
android:id= "@ + id/editText1" 
android:layout width= "fill parent" 
android:layout_height= "wrap content" 
android:laycut below- "@ id/textViewL"> 


android:layout below- "e id/editText1" 
android:laycut alignParentRight- "true" 
android:text- "OK" 
^» 

« Button 
android:id- "@ + id/button2" 
android:laycut width= "wrap content" 
android:layout beight- "wrap oontent" 
android:laycut below- "@ id/editText1" 
android:layout toleftO£- "8 id/buttonl" 
android:layout marginRight- "20px" 
android:text- "Cancle" /» 


代码 解释 如 下 。 

(D android: layout _ below =" (2 id/textView1"; 这 行 代码 指定 文本 框 在 id 为 
textViewl 的 TextView 控件 下 方 。 

@ android:layout_alignParentRight 一 "true" : 这 行 代码 指定 按钮 位 于 手机 屏幕 的 右边 。 

® android:layout toLeftOf— "(Zid/buttonl"; 这 行 代码 指定 Button 按钮 位 于 id 为 




















button2 的 按钮 位 于 id 为 buttonl 的 按钮 左边 。 

单 击 Graphical Layout 切换 到 布局 视图 界面 ,可 以 看 到 界面 效果 。 

第 三 步 : 运行 程序 。 选 中 项 目 , 右 击 选择 Run as 命令 , 单 击 框图 部 分 (Android 
Application) 运 行 后 可 以 在 模拟 器 上 看 到 运行 效果 。 

(2) LinearLayout 

LinearLayout 按照 垂直 或 者 水 平 的 顺序 依次 排列 子 元 素 , 通 过 android; orientation 
属性 可 以 设置 线性 布局 的 方向 ,每 一 个 子 元 素 都 位 于 前 一 个 元 素 之 后 。 如 果 是 垂直 排列 ， 
则 是 一 个 N 行 单列 的 结构 ,每 一 行 只 会 有 一 个 元 素 ,而 不 论 这 个 元 素 的 宽度 为 多 少 ;如 果 
是 水 平 排列 , 则 是 一 个 单行 N 列 的 结构 。 如 果 搭 建 两 行 两 列 的 结构 ,通常 的 方式 是 先 垂 
直 排列 两 个 元 素 , 每 一 个 元 素 里 再 包含 一 个 LinearLayout 进行 水 平 排列 。 

LinearLayout 中 的 子 元 素 的 常用 属性 如 下 。 

* android:id: 为 控件 指定 相应 的 ID。 

* android:text: 指定 控件 中 显示 的 文字 ,需要 注意 的 是 ,这 里 尽量 使 用 strings. xml 
文件 中 的 字符 串 。 
android:grivity: 指定 控件 的 基本 位 置 ,比如 居中 、 居 右 等 位 置 。 
android; textSize: 指定 控件 中 字体 的 大 小 。 

* android: background; 指定 该 控件 所 使 用 的 背景 色 ,RGB 命名 法 。 

* android: width: 指定 控件 的 宽度 。 

。 android:height: 指定 控件 的 高 度 。 

* android:padding”: 指定 控件 的 内 边 距 ,也 就 是 说 控件 中 的 内 容 。 

* android:sigleLine: 如 果 设 置 为 真 , 则 将 控件 的 内 容 在 同一 行 中 进行 显示 。 

线性 布局 是 程序 中 最 常见 的 一 种 布局 方式 ,以 下 实例 介绍 了 线性 布局 的 使 用 ,效果 如 
图 3-5 所 示 。 
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图 3-5 线性 布局 
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开发 步骤 。 

第 一 步 : 新 建 项 目 “ 线 性 布局 1” ,在 res-T layout 目录 下 新 建 布局 文件 main. xml, 

第 二 步 : 在 弹出 的 对 话 框 中 输入 文件 名 main, 选 择 xml 文件 根 节点 LinearLayout， 
单 击 Finish 按钮 ,如 图 3-6 所 示 。 


New Android XML File 
Creates a new Android XML file. 













































































图 3-6 ”填写 相应 内 容 


在 main. xml 文件 中 添加 以 下 代码 。 


< TextView 
android: layout width- "fill parent" 
ardroid:laycut height- "200dp" 
android:text= "f — 43 " 
android:background= "#FF0000" 
android: layout weight- "2" 
android:gravity- "center vertical" 
android:textSize= "50sp" 
android:paddingleft= "20px"" 

/> 

< TextView 
android:layout width= "fill parent" 
android:layout height= "l00dp" 
android:text- "§§ — 47" 
android:background= "#0000FF" 
android: layout_weight= "1" 
android:gravity= "center vertical" 
android:textSize- "30sp" 
^» 

















代码 解释 如 下 。 


(D android: gravity="center_vertical"; 这 行 代码 设置 TextView 控件 的 2 文本 水 平 居 中 。 

® android:layout_weight 一 "1": 这 行 代码 设置 TextView 占 整个 屏幕 的 权重 为 1， 
占 整个 幕 的 1/3。 

第 三 步 : 删除 layout 下 Activity mail. xml 文件 ,打开 MianActivity. java. 

第 四 步 : 修改 java 文件 对 应 的 布局 ,修改 的 java 代码 如 下 : setContentView CR. 


layout. main). 
2. TextView 控件 的 使 用 


TextView 控件 能 向 用 户 展 现 文本 信息 (包括 HTML 文本 ) ,可 以 自己 设置 该 文本 信 
息 是 否 能 够 编辑 。 

CD 如 何 简 单 通过 XML 布局 使 用 TextView. 

第 一 步 : 打开 布局 文件 main. xml, Wl 3-7 所 示 。 












[ae Textviewz T <rexcvrem 
b BA Android 4.2.2 8 android: lal 
> src 9 android: laj 
> DR gen [Generated Java Files] 10 android:te| 
& assets 11 
> E bin 12 </LinearLayout> 
ares 


> © drawable-hdpi 

> © drawable-ldpi 

» @ drawable-mdpi 
© drawable-xhdpi. 


DEE 
LG main.xmi 
Bo 


VO AndroidManifest xmi 
D proguard.cfg 











E] Graphical Layout | Œ) main.xml 





图 3-7 打开 布局 文件 main. xml 
第 二 步 : 在 XML 布局 文件 中 使 用 以 下 代码 。 


代码 解释 如 下 。 

(D layout_width: 设置 TextView 控件 的 宽度 ,系统 提供 3 个 值 , 分 别 是 fill_parent、 
wrap content 和 match parent, 其 中 »wrap content 表示 大 小 刚好 足够 显示 当 前 控件 里 
的 内 容 。 

Android 中 fill. parent 和 match_parent( 从 Android 2. 2) 是 一 样 的 。 为 了 兼容 低 版 
本 ,建议 使 用 fill parent; 

设置 布局 /控件 为 fill_parent 将 强制 性 让 它 布 满 整个 屏幕 或 填 满 父 控件 的 空白 。 

© layout height: 设置 TextView 控件 的 高 度 。 

@ text: 设置 TextView 控件 的 文本 值 。 

第 三 步 : 运行 程序 ,如 图 3-8 所 示 。 























图 3-8 运行 程序 


(2) 如 何 简单 通过 代码 使 用 TextView。 

第 一 步 : 打开 TextViewl Activity. java。 

第 二 步 : 在 程序 中 创建 TextView 对 象 的 代码 如 下 。 
// 新 建 标 签 对 象 

TextView tv- new TextView (this); 

/为 标签 对 象 赋值 

tv.setText ("周杰伦 "); 

// 把 标签 绑 定 到 acivtity 中 


setContentView (tv) ; 


第 三 步 : 程序 运行 如 图 3-9 所 示 。 


KEES 

















图 3-9 创建 TextView HR 
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(3) TextView 常用 属性 。 
TextView 常用 属性 如 下 。 
(D Android 中 的 颜色 设置 。 
android:textColor= "#F8FF00"; 
设置 文本 颜色 ,F8FF00 是 RGB 表示 方法 。 
* 利用 系统 自 带 的 颜色 类 。 
tx.setTextColor (android.graphics Color RED); 
` 数字 颜色 表示 。 
tx.setTextColor (OxffffOOff) ; 
* 直接 在 xml 的 TextView 中 设置 。 
android:textColor= "f F8F8FF00"; 
或 
android:textColor= "#F8FF00"; 
WH 
。 OxffffOOff 是 int 类 型 的 数据 ,分 组 0x|f|fooff,0x 表示 颜色 整数 的 标记 ,ff 表示 
透明 度 ,ffooff 表示 色 值 ,注意 : Ox 后 面 ffff00ff 必须 是 8 位 的 颜色 表示 。 
颜色 和 不 透明 度 (alpha) 值 以 十 六 进 制 表示 法 表示 。 任 何 一 种 颜色 的 值 范围 都 是 
0—255(00—fD 。 
* 对 于 alpha.00 表示 完全 透明 ,ff 表示 完全 不 透明 。 
表达 式 顺序 是 aabbggrr, 其 中 aa 一 alpha(00 到 ff) ;bb 一 blue(00 到 fD ;gg— green 
(00 到 ff) ;rr 一 red(00 到 ff), 
效果 如 图 3-10 所 示 。 
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图 3-10 Android 中 的 颜色 设置 








@ 设置 链接 (代码 清单 : CH3 6. TextView4) ,如 图 3-11 所 示 。 
< TextView 
android:laycut width= "fill parent" 
android:layout height= "wrap content" 
android:text- "http://ww.baidn com; 13813888888" 
android:autoLink- "all" 
> 
代码 解释 如 下 。 
android:autoLink: 设置 是 否 当 文本 为 URL 链接 /email/ 电 话 号 码 /map 时 ,文本 显 
示 为 可 单 击 的 链接 ,可 选 值 (none/web/email/phone/map/all)。 
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图 3-11 设置 链接 


3. EditText 控件 的 使 用 


Edit Text 是 接收 用 户 输入 信息 的 控件 ,如 图 3-12 所 示 。 

EditText 常用 的 属性 如 下 。 

* android: maxLength — "3"; 限制 输入 字符 数量 。 

* android:singleLine— "false": 功能 为 设置 多 行文 本 框 。 
android;inputType— "number"; 功能 为 限制 EditText 输入 信息 。 
android:hint 二 "我 是 EditText"; 设置 提示 信息 。 

* android:drawableLeft— "(2 drawable/title"; 在 EditText 中 显示 图 片 。 
e android: background="@drawable/shape": 设置 圆 角 。 

设置 圆 角 ,如 图 3-13 所 示 ,shape. xml 文件 代码 如 下 : 


























图 3-12 EditText 
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图 3-13 设置 圆 角 


< 2ml version- "1.0" encoding- "UIF- 8"2> 
< shape 
smlns:android= "http: //schamas .android.cam/apk/res/android" 
android:shape= "rectangle"> 
< 上 -填充 的 颜色 --> 
< solid android:color- "#FFFFFF" /> 
< 上 -设置 矩形 的 四 个 角 为 弧 形 --> 








< 1- — android:radius 弧 形 的 半径 --> 
< corners android:radius="17dip" /> 
< /shape» 


4. Button 控件 的 使 用 


Button 是 按钮 控件 ,主要 用 来 产生 单 击 事件 。 单 击 事件 主要 通过 监听 器 实现 ,下 面 
是 几 种 实现 方式 。 
(1) 定义 一 个 单 击 监听 器 属性 。 


OnClickListener listener- new OnClickListener() { 
@ Override 
public void onClick (View v) { 
System.out .println (" 您 单 击 到 了 这 个 按钮 …"); 
) 


D 

// 找 到 按钮 ,把 按钮 与 监听 器 绑 定 起 来 

Button button- (Button) findViewById(R.id.buttonl); 
button.setOnClickListener (listener); 


(2) 通过 匿名 内 部 类 定义 监听 器 。 


Button button= (Button) findViewSyId(R.id.buttonl) ; 
button. setOnClickListener (new OnClickListener() { 
@ Override 
public void onClick (View v) { 
System.out .println (" 您 单 击 到 了 这 个 按钮 0); 


ne 
(3) 通过 外 部 类 定义 监听 器 。 


class MyLi stener implements OnClickListener( 
pee 
* @ param context 
x 
public MyListener (Context context) ( 
this.context- context; 
) 


private Context context; 


@ Override 
public void onClick(View v) { 

System.out .println ("fft Ii BI T 3x ME Au 
} 
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} 

Button button- (Button) findViewById(R.id.buttonl); 
MyListener listener- new MyListener (ButtonlActivity.this) ; 
button. setOnCLickListener (listener) ; 


(4) 在 按钮 控件 中 添加 onClick 属性 ( 见 图 3-14). 


«Button 
android:id- "@ + id/buttonl" 
android:laycut width- "wrap content" 
android:layout height- "wrap content" 
android:text= "f id; " 
android:onClick= "display" 

^ 

public void display (View v) { 

System.out.printin(" 您 单 击 到 了 这 个 按钮 …"); 

) 
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图 3-14 Button 控件 


322 项 目 界 面相 关 代 码 设计 


通信 功能 的 界面 设计 步骤 如 下 。 

(1) 拨打 电话 界面 设计 。 新 建 call WA. res 目录 下 打开 main. xml 布局 文件 ,该 
布局 文件 就 是 在 布局 中 描述 的 相对 布局 (relativelayout) ,如 图 3-15 所 示 。 

对 应 的 XML 代码 如 下 : 





< Zem version- "1.0" encoding= "utf- 8"2» 
< Linearlayout xmns:android- "http: //schemas .android.can/apk/res/android" 
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图 3-15 拨打 电话 界面 设计 


android:layout width- "fill parent" 
android:layout height- "fill parent" 
android:orientation- "vertical"> 


« TextView 
endroid:laycut width= "fill parent" 
android:laycut beight- "wrap content" 
android:text- "请 输入 电话 号 码 :" /> 


«EditText 
android:id- "@ + id/et mbile" 
android:laycut width- "match parent" 
android:laycut height- "wrap oontent"» 
< /EditText> 


«Button 
android:id- "@ + id/buttonl" 
android:layout width= "wrap content" 
android:layout height= "wrap content" 
android:text= "f 1T " 
android:onClick- "call" 

^» 


< /LinearLayout> 


(2) 发 送 短信 界面 设计 ,如 图 3-16 所 示 。 
对 应 的 XML 代码 如 下 : 
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图 3-16 发送 短信 界面 设计 


< ?anl version- "1.0" encoding- "ut£- 8"2» 
< LinearLayout xmlns:android= "http: //schemas .android.can/apk/res/android" 
android: layout_width= "fill parent" 
android: layout height- "fill parent" 
android:orientation= "vertical" 


< TextView 
android: layout_width= "fill parent" 
android: 1ayout_height= "wrap content" 
android:text= "请 输入 手机 号 码 :" /> 


«EditText 
android:id- "@ + id/et mbile" 
endroid:laycut width- "match parent" 
android:laycut height- "wrap oontent"» 
< /EditText> 


< TextView 
android:id= "@ id/textViewl" 
android:laycut width= "wrap content" 
android:laycut height= "wrap content" 
android:text= "请 输入 短信 内 容 " /> 


«EditText 
android:id- "@ + id/et content" 
android:layout width- "fill parent" 
android:layout height- "100dp"> 

< /EditText> 








«Button 
android:id- "@ + id/buttonl" 
android:laycut width= "wrap content" 
android:layout height= "wrap content" 
android:text- "A 3X fii fA" 
android:onClick- "sendams" /> 
< /Linearlayout> 


3.3 项 目 功能 的 实现 


代码 编写 实现 的 是 通信 应 用 程序 的 逻辑 代码 功能 ,该 部 分 代码 在 项 目的 sre 目录 中 
完成 ,如 图 3-17 所 示 。 


331 知识 准备 
1. Intent 


Intent 提供 了 一 种 通用 的 消息 系统 , 它 允 许 在 用 户 的 应 用 程序 与 其 他 的 应 用 程序 间 
传递 Intent 执行 动作 和 产生 事件 。 使 用 Intent 可 以 激活 Android 应 用 的 三 个 核心 组 件 : 
活动 .服务 和 广播 接收 器 。 

一 个 Intent 对 象 是 对 一 次 即将 执行 的 操作 的 抽象 描述 ,帮助 我 们 在 各 个 组 件 之 间 传 
递 消息 。 一 个 Intent 对 象 主要 包含 六 类 信息 ,但 并 非 每 个 都 需要 包含 这 六 类 信息 ,如 
图 3-18 所 示 。 
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E317 代码 编写 3-18 Intent 对 象 


(1) Intent 的 Component 属性 
Intent Xf $$ fj, setComponent ( ComponentName comp) 方 法 用 于 设置 Intent 的 
Component 属性 。ComponentName 包含 如 下 几 个 构造 器 。 

















* ComponentName(String pkg.String cls). 

* ComponentName(Context pkg.String cls). 

* ComponentName(Context pkg,Class 一 ? 二 cls) 。 

由 以 上 的 构造 器 可 知 ,创建 一 个 ComponentName 对 象 ,需要 指定 包 名 和 类 名 ,这 就 
可 以 唯一 确定 一 个 组 件 类 ,这 样 应 用 程序 即 可 根据 给 定 的 组 件 类 启动 特定 的 组 件 。 例 如 : 


ComponentName camp= new ComponentName (FirstActivity.this, SeoondActivity.class); 
Intent intent- new Intent (); 


以 上 三 名 代码 创建 了 一 个 Intent 对 象 ,并 为 其 指定 了 Component 属性 ,完全 等 价 于 
下 面 的 代码 。 


Intent intent- new Intent (FirstActivity.this, SecondActivity.class); 


除了 使 用 setComponent() 之 外 ,还 可 以 使 用 setClass() , setClassName O 显示 指 定 
目标 组 件 , 还 可 以 调用 getComponent O 77 ZE 3X f$. Intent 中 封装 的 ComponentName 
对 象 。 

当 程 序 采用 这 种 形式 启动 组 件 时 ,在 Intent 中 明确 地 指定 了 待 启动 的 组 件 类 ,此 时 
的 Intent 属于 显 式 Intent, 显 式 Intent 应 用 场合 比较 狭窄 ,多 用 于 启动 本 应 用 中 的 
Component, 因 为 这 种 方式 需要 提前 获知 目标 组 件 类 的 全 限定 名 。 而 隐 式 Intent 则 通过 
Intent 中 的 action、category、data 属性 指定 目标 组 件 需要 满足 的 若干 条 件 ,系统 筛选 满足 
所 有 条 件 的 Component, 从 中 选择 最 合适 的 Component 或 者 由 用 户 选 择 一 个 Component 
作为 目标 组 件 启动 。 

如 果 Intent 中 指定 了 ComponentName 属性 ,Intent 的 其 他 属性 将 被 忽略 。 

(2) Intent 的 Action 属性 

Action 属性 是 一 个 字符 串 ,代表 某 一 种 特定 的 动作 。Intent 类 预定 义 了 一 些 Action 
常量 ,开发 者 也 可 以 自 定义 Action。 一 般 来 说 , 自 定义 的 Action 应 该 以 Application 的 包 
名 作为 前 级 ,然后 附加 特定 的 大 写字 符 串 ,例如 cn xing. upload. action. UPLOAD_ 
COMPLETE 就 是 一 个 命名 良好 的 Action。 

Intent 类 的 setAction() 方 法 用 于 设 定 Action,getAction() 方 法 可 以 获取 Intent PH 
装 的 Action, 

以 下 是 Intent 类 中 预定 义 的 部 分 Action. 

* ACTION CALL 目标 组 件 为 Activity, 表 示 拨 号 动作 。 

* ACTION EDIT 目标 组 件 为 Activity, 表 示 向 用 户 显示 数据 以 供 其 编辑 的 动作 。 

。 ACTION_MAIN 目标 组 件 为 Activity, 表 示 作 为 task 中 的 初始 Activity 启动 。 

* ACTION BATTERY LOW 目标 组 件 为 broadcastReceiver, 提 醒 手机 电量 过 低 。 

* ACTION SCREEN ON 目标 组 件 为 broadcast, 表 示 开 启 屏 幕 。 

(3) Intent 的 Category 属性 

Category 属性 也 是 一 个 字符 串 , 用 于 指定 一 些 目标 组 件 需 要 满足 的 额外 条 件 。 
Intent 对 象 中 可 以 包含 任意 多 个 Category 属性 。Intent 类 也 预定 义 了 一 些 Category 常 
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量 , 开 发 者 也 可 以 自 定义 Category 属性 。 

Intent 类 的 addCategory O Wik Jj Intent 添加 Category 属性 ,getCategories() 方 法 用 
于 获取 Intent 中 封装 的 所 有 Category。 

以 下 是 Intent 类 中 预定 义 的 部 分 Category。 

* CATEGORY HOME 表示 目标 Activity 必须 是 一 个 显示 home screen 的 
Activity。 
CATEGORY LAUNCHER 表示 目标 Activity 可 以 作为 task 栈 中 的 初始 
Activity, 常 与 ACTION_MAIN 配合 使 用 。 
CATEGORY GADGET 表示 目标 Activity 可 以 被 作为 男 一 个 Activity 的 一 部 分 
HA. 

(4) Intent ff] Data 属性 

Data 属性 指定 所 操作 数据 的 URI, Data 经 常 与 Action 配合 使 用 ,如 果 Action 为 
ACTION EDIT. Data 的 值 应 该 指明 被 编辑 文档 的 URI; 如 果 Action 为 ACTION _ 
CALL, Data 的 值 应 该 是 一 个 以 tel: 开 头 并 在 其 后 附加 号 码 的 URI; 如 果 Action 为 
ACTION_VIEW,Data 的 值 应 该 是 一 个 以 http: 开 头 并 在 其 后 附加 网 址 的 URI。 

Intent 类 的 setData ) 方 法 用 于 设置 Data Ji PE. setType() 方 法 用 于 设置 Data 的 
MIME 类 型 ,setDataAndType() 方 法 可 以 同时 设 定 两 者 。 可 以 通过 getData( ) 方 法 获取 
Data 属性 的 值 ,通过 getType() 方 法 获取 Data 的 MIME 类 型 。 

(5) Intent 的 Extra 属性 

通过 Intent 启动 一 个 component 时 ,经 常 需要 携带 一 些 额外 的 数据 过 去 。 携 带 数 据 
需要 调用 Intent 的 putExtra() 方 法 ,该 方法 存在 多 个 重 载 方法 ,可 用 于 携带 基本 数据 类 
型 及 其 数组 、String 类 型 及 其 数组 、Serializable 类 型 及 其 数组 .Parcelable 类 型 及 其 数组 、 
Bundle 类 型 等 。Serializable 和 Parcelable 类 型 表示 一 个 可 序列 化 的 对 象 ,Bundle 5j Map 
类 似 , 可 用 于 存储 键 值 对 。 

(6) Intent 的 Flag 属性 

Flag 属性 是 一 个 int 值 , 用 于 通知 Android 系统 如 何 启动 目标 Activity, 或 者 启动 目 
标 Activity 之 后 应 该 采取 怎样 的 后 续 操 作 。 所 有 的 Flag 都 在 Intent 类 中 定义 ,部 分 常用 
Flag 如 下 : 

* FLAG ACTIVITY NEW TASK 通知 系统 将 目标 Activity 作为 一 个 新 task 的 
初始 Activity, 

* FLAG. ACTIVITY. NO HISTORY 通知 系统 不 要 将 目标 Activity 放 入 历史 
栈 中 。 

* FLAG FROM BACKGROUND 通知 系统 这 个 Intent 来 源 于 后 台 操 作 , 而 非 用 
户 的 直接 选择 。 

(7) IntentFilter 类 

IntentFilter 类 表示 Intent 过 滤器 ,大 部 分 情况 下 ,每 一 个 component 都 会 定义 一 个 
或 多 个 IntentFilter, 用 于 表明 其 可 处 理 的 Intent。 

一 般 来 说 ,Component 的 IntentFilter 应 该 在 AndroidManifest. xml 文件 中 定义 。 

















5E LI JE EW TE — Activity >.< receiver >, < service > WR "P 36 I — AP hk E 
<intent-filter>F 70%. Din. 

< !-- 声 明 作为 程序 人 口 的 zctivity- -> 

< Activity androidmare=".FirstActivity"> 

< intent- filter» 
< action android:name= "android. intent.action. MAIN" /> 
< category android:name- "android.intent.category.IAUNCHER" /> 
< /intent- filter» 

< /Pctivity> 

(8) IntentFilter 与 隐 式 Intent 

Android 系统 处 理 隐 式 Intent 时 ,会 比较 Intent 和 IntentFilter 的 Action, Data, 
Category 属性 ,如 果 以 上 3 个 属性 全 都 相符 , 则 IntentFilter 所 属 的 zomponent 就 可 以 作 
为 目标 组 件 的 候选 (存在 多 个 符合 条 件 的 Component 时 ) 。 

O 测试 Action 属性 。Intent 最 多 只 能 定义 1 个 Action, m filter 可 以 定义 1 个 或 多 
个 Action, iit Action 测试 的 条 件 为 : filter 定义 了 Intent 的 Action。 例 如 Intent 的 
Action 为 android. intent. action. MAIN , 则 定义 了 android. intent. action. MAIN 的 filter 
都 能 通过 Action 测试 (filter 还 可 以 包含 更 多 额外 的 Action) 。 

如 果 filter 没有 定义 Action, Wl) filter 将 阻塞 所 有 Intent。 如 果 Intent 没有 定义 
Action ,那么 只 要 filter 定义 了 Action 就 可 以 通过 Action 测试 。 

© 测试 Category 属性 。Intent 可 以 有 任意 多 个 Category. filter 也 可 以 有 任意 个 
Category。 通 过 Category 测试 的 条 件 为 filter 定义 了 Intent 的 所 有 Category。 例 如 
Intent 定义 了 android. intent. category. DEFAULT 和 cn. xing. intent. category. 
UPLOAD 这 两 个 Category. WG X. T LA LST Category 属性 的 filter 才能 通过 测试 
Cfilter 还 可 以 包含 更 多 额外 的 Category). 

根据 上 面 的 规则 , 如果 一 个 Intent 没有 定义 Category, 则 所 有 filter 都 可 以 通过 
Category 测试 。 但 是 有 一 种 例外 , 即 以 startActivity(intent) 方 式 启动 一 个 Activity 时 ， 
系统 会 为 Intent 增加 一 个 值 为 android. intent. category. DEFAULT 的 Category, 这 就 意 
味 着 每 一 个 期 望 通过 Category 测试 的 Activity, 都 要 在 其 filter 中 定义 android. intent. 
category. DEFAULT( 除 了 作为 程序 入 口 的 Activity 外 )。 

@ Wik Data 属性 。Intent 最 多 只 能 定义 1 个 Data. filter 则 可 以 定义 多 个 Data. 

通过 Data 测试 的 条 件 如 下 。 

a. 如 果 Intent 没有 指定 Data 和 Data type, 则 只 有 没有 定义 Data 和 Date type 的 
filter 才能 通过 测试 。 

b. 如 果 Intent 定义 了 Data 而 没有 定义 Data type, 则 只 有 定义 了 相同 Data 且 没 有 定 
义 Date type 的 filter 才能 通过 测试 。 

c. 如 果 Intent 没有 定义 Data 却 定义 了 Data type, 则 只 有 未 定义 Data HX T HF 
的 Data type 的 filter 才能 通过 测试 。 

d. 如 果 Intent 既定 义 了 Data 也 定义 了 Dta type, 则 只 有 定义 了 相同 的 Data 和 Data 
type 的 filter 才能 通过 测试 。 








Data 属性 是 一 个 URIURI 中 包含 scheme,host, port 和 path, 典 型 的 URI 为 ， 


scheme://host:port/path 


scheme,host,port 和 path 都 是 可 选 的 。 比 较 两 个 Data 时 ,只 比较 filter 中 包含 的 部 
分 。 比 如 filter 的 一 个 Data 只 是 指定 了 scheme 部 分 , 则 测试 时 只 是 比较 Data 的 scheme 
部 分 ,只 要 两 者 的 scheme 部 分 相同 ,就 视 为 "相同 的 Data" 

(9) Intent 用 法 实例 

(D Activity 跳 转 。 


// 跳 转 到 secondactivity 
//1. 新 建 意图 
Intent intent=new Intent () ; 
//2. 把 第 一 个 activity 和 第 二 个 activity 放 人 意图 
intent.setClass (FirstActivity.this, Secondhctivity.class); 
//3. 实 现 跳 转 
startActivity (intent); 
/ps:2 个 Bctivity 都 要 在 BndroidMenifest.xml 中 进行 注册 ,以 下 是 secondactivity 的 注册 代码 
« Activity 
android:label- "@ string/app name" 
android:name=".SecondActivity"> 
< /Activity> 
@ 向 下 一 个 Activity 传递 数据 ,使 用 Bundle 和 Intent. putExtras 实现 。 


/ 作 . 获 取 用 户 名 和 密码 

EditText editText- (EditText) findViewById(R.id.et account); 
EditText editText2- (EditText) findViewByld(R.id.et password); 
String account- editText..getText () toString (); 

String Dk editText2.getText () .toString() ; 

//2. 新 建 intent. 

Intent intent- new Intent () ; 

//3. 把 参数 放 人 intent 中 

intent.putExtra ("account", account); 

intent.putExtra ("pwd", pwd); 

intent.setClass (Login.this, Result.class); 

//4. 跳 转 

startActivity (intent) ; 

对 于 数据 的 获取 可 以 采用 : 

Intent intent- getIntent () ; 

String account- intent.getStringExtra ("account") ; 

String pwd intent..getStringextra ("ped") ; 


2. Activity 


(1) 什么 是 Activity 
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Activity 是 用 户 接口 程序 ,原则 上 它 会 提供 给 用 户 一 个 交互 式 的 接口 功能 ,是 
Android 应 用 程序 的 基本 功能 单元 。Activity 本 身 是 没有 界面 的 ,所 以 Activity 类 创建 了 
一 个 窗口 ,开发 人 员 可 以 通过 setContentView(View) 接 口 把 UI 放 到 Activity 创建 的 窗 
口上 , Activity 指向 全 屏 窗 口 时 ,也 可 以 用 其 他 方式 实现 。 作 为 漂浮 窗口 (通过 
windowlsFloating 的 主题 集合 ) ,或 者 家 人 其 他 的 Activity( 使 用 ActivityGroup) 。 

(2) Activity 生命 周期 

Activity 生命 周期 如 图 3-19 所 示 。 在 一 个 Activity 正常 启动 过 程 中 ,这 些 方法 调用 
的 顺序 是 onCreate— onStart > onResume; 在 Activity 被 kill 时 的 顺序 是 onPause— 
onStop 一 onDestroy, 这 是 一 个 完整 的 生命 周期 。 那 么 对 于 中 断 处 理 ( 比 如 电话 来 了 ) , 则 
是 onPause~>onStop ,恢复 时 onStart— onResume; 如 果 当 前 应 用 程序 是 一 个 Theme 为 
Translucent( 半 透明 ) 或 者 Dialog 的 Activity. 那么 中 断 就 是 onPause, 恢复 时 是 
























































onResume。 
Activity 
starts 
一 -一 一 | onCreate() 
pe 1 
User navigates onStart() -| onRestart() 
back to the i 
activity 
— m I ——————À 
一 一 一 
Process is 
killed Activity is The activity 
\ J running comes to the 
foreground 
(^ Another act activity comes) comes 
in front of the activity 
Other i The activity 
applications onPause() comes to the 
d f d 
need memory oregroun 





The activity is no longer visible 


Y 
onStop() 


i 


onDestroy() 


ol 
Activity is 
shut down 


图 3-19 Activity 生命 周期 
对 于 Other app need memory, 就 是 手机 在 运行 一 个 应 用 程序 时 ,有 可 能 打 来 电话 、 发 


来 短信 ,或 者 电力 不 足 了 ,这 时 候 程序 都 会 被 中 断 ,优先 去 服务 电话 的 基本 功能 ,另外 系统 
也 不 允许 用 户 占用 太 多 资源 ,至 少 要 保证 一 些 功能 (比如 电话 ) ,所 以 资源 不 足 时 也 就 有 可 









































能 被 中 断 。 
上 述 Activity 生命 周期 涉及 的 方法 作用 如 下 。 


onCreate: 在 这 里 创建 界面 ,做 一 些 数据 的 初始 化 工作 。 

onStart: 到 这 一 步 变 成 “用 户 可 见 不 可 交互 的 状态 。 

onResume: 变 成 和 用 户 可 交互 的 状态 (在 Activity 栈 系统 通过 栈 的 方式 管理 这 些 
Activity, 即 当前 Activity 在 栈 的 最 上 端 , 运 行 完 弹出 栈 , 则 回 到 上 一 个 Activity). 
onPause: 到 这 一 步 是 可 见 但 不 可 交互 的 ,系统 会 停止 动画 等 消耗 CPU 的 事情 。 
从 上 文 的 描述 已 经 知道 ,应 该 在 这 里 保存 一 些 数据 ,因为 这 个 时 候 用 户 的 程序 的 
优先 级 降低 ,有 可 能 被 系统 收回 。 在 这 里 保存 的 数据 ,应 该 在 onResume 里 读 
出 来 。 

onStop: 变 得 不 可 见 , 被 下 一 个 Activity Hii T o 

onDestroy: 这 是 Activity 被 kill 前 最 后 一 个 被 调用 的 方法 ,可 能 是 其 他 类 调用 
finish 方法 或 者 是 系统 为 了 节省 空间 将 它 暂 时 性 的 关闭 ,可 以 用 isFinishing ) 判 
断 。 如 果 用 户 有 一 个 Progress Dialog 在 线程 中 运行 ,请 在 onDestroy 里 将 其 取 
消 , 不 然 等 线程 结束 时 ,调用 Dialog 的 cancel 方法 会 出 现 异 常 。 
onPause,onStop,onDestroy 三 种 状态 下 Activity 都 有 可 能 被 系统 kill, 

Activity 的 使 用 需要 在 Manifest 文件 中 添加 相应 的 二 Activity 二 ,并 设置 其 属性 


和 intent-filter, 


(3) Activity 生命 周期 实例 
当 第 二 个 Activity 完全 遮 住 第 一 个 Activity 时 的 生命 周期 如 下 。 


firstActivity 执行 过 程 : onCreate — onStart > onResume — onPause > onStop 一 


onRestart-ronStart- onResume, 


/** Called when the Activity is first created. * / 


@ Override 
public void onCreate (Bundle savedInstanceState) { 

super .anCreate (savedInstanceState) ; 

setContentView (R. layout main) ; 

System.out .print in ("firstActivity- - - > oncreate") ; 
) 


@ Override 

protected void onStart() { 
//IODO Auto- generated method stub 
super -onStart () 7 
System.out .print in ("firstActivity- - - > cnstart"); 
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@ Override 

protected void onPause() { 
//TODO Arto- generated method stub 
super .cnPause () ; 
System.out .printIn ("£irstActivity- - — > onpause") ; 


@ Override 

protected void onStop() { 
//TOD0 Auto- generated method stub 
super.onStop() ; 
System.out .printIn ("firstActivity- — - > onstop") ; 


@ Override 
protected void onDestroy() ( 
//10DO Anto- generated method stub 
super .anDestroy () ; 
System.out .print ln ("firstActivity--- > ondestory") ; 


@ Override 
protected void onRestart() { 
//IODO Auto- generated method stub 
super.cnRestart () ; 
System.out.println ("firstActivity- - - > onresratr"); 
) 
EI 
* 跳 转 到 Secondhctivity 
* Q9 param view 
*/ 
public void jump (View view) { 
Intent intent- new Intent () ; 
intent.setClass (FirstActivity.this, SecondActivity.class) ; 
startActivity (intent); 
} 


(4) Activity 实例 2 
当 第 二 个 Activity 没有 完全 遮 住 第 一 个 Activity 时 的 生命 周期 如 下 。 
firstActivity 执行 过 程 : onCreate—onStart--onResume--onPause--onResume, 
«Activity 

android:label- "@ string/app name" 

android:name=".SecondActivity" android:theme- "6 android:style/Theme.Dialog'» 
< /activity> 


3. permission( 允 许 ) 


(D Android 安全 机 制 概 述 








Android 是 一 个 权限 分 离 的 系统 。 这 是 利用 Linux 已 有 的 权限 管理 机 制 , 通 过 为 每 
一 个 Application 分 配 不 同 的 uid 和 gid, 从 而 使 不 同 的 Application 之 间 的 私有 数据 和 访 
fa] (native 以 及 java 层 通 过 这 种 sandbox 机 制 ) 达 到 隔离 的 目的 。 与 此 同时 ,Android 还 
在 此 基础 上 进行 扩展 ,提供 了 permission 机 制 , 它 主要 是 用 来 对 Application 可 以 执行 的 
某 些 具体 操作 进行 权限 细 分 和 访问 控制 ,同时 提供 了 per-URI permission 机 制 , 用 于 对 某 
些 特定 的 数据 块 进行 ad-hoc 方式 的 访问 。 

(2) permission 

一 个 权限 主要 包含 三 个 方面 的 信息 : 权限 的 名 称 ;所 属 的 权限 组 ;保护 级 别 。 一 个 权 
限 组 是 指 把 权限 按照 功能 分 成 的 不 同 的 集合 。 每 一 个 权限 组 包含 若干 具体 权限 ,例如 在 
COST MONEY 组 中 包含 android. permission. SEND SMS,android. permission, CALL 
PHONE 等 和 费用 相关 的 权限 。 

每 个 权限 通过 protectionLevel 标识 保护 级 别 : normal、dangerous、signature、 
signatureorsystem。 不 同 的 保护 级 别 代表 了 程序 要 使 用 此 权限 时 的 认证 方式 。normal 
的 权限 是 只 要 申请 了 就 可 以 使 用 ;dangerous 的 权限 在 安装 时 需要 用 户 确 认 才 可 以 使 用 ; 
signature 和 signatureorsystem 的 权限 需要 使 用 者 的 APP 和 系统 使 用 同一 个 数字 证 书 。 

Package 的 权限 信息 主要 通过 在 AndroidManifest. xml 中 通过 一 些 标签 指定 。 如 
— permission > RÆ , < permission-group > #R Æ, < permission-tree 二 标签 等 。 如 果 
Package 需要 申请 使 用 某 个 权限 ,那么 需要 使 用 — use-permission— f 4E TRAE o 

程序 执行 需要 读 取 到 安全 敏感 项 , 则 必须 在 androidmanifest. xml 中 声明 相关 权限 
请 求 。 


332 项 目 功能 相关 代码 设计 
CD 拨打 电话 逻辑 代码 


import android.app.Activity; 
import android.content.Intent; 
import android.os.Bundle; 
import android.view.View; 


public class PhoneActivity extends Activity { 
/* * Called when the Activity is first created. * / 
@ Override 
public void onCreate (Bundle savedInstanosState) { 
super .anCreate (savedInstanoeState) ; 
setContentView (R. layout main) ; 
} 


public void call (View view) { 
/实现 打 电 话 功能 
//IL. 拿 到 电话 号 码 
EditText editText- (EditText) findViewyld(R.id.et mbile); 


(A Android 项 


} 
} 




















String telPhone= editText .getText () .toString(); 

Intent intent- new Intent (Intent ACTION CALL,Uri.parse("tel:"+ 
telPhone)) ; 

//2. 启 动 拨 打 电 话 


startActivity (intent) ; 


/在 androidmenifest.xm 中 加 入 打 电 话 的 权限 
< uses- permission android:name= "android.permissicn.CALL PHONE"/> 


(2) 发 送 短信 逻辑 代码 


import android.app.Activity; 

import android.content .Context; 

import arciroid.ocntent.. Intent; 

import android.os.Bundle; 

import android. telephony. TelephonyManager; 
import android.view.View; 

import android.widget .EditText; 


public class SmsActivity extends Activity { 
/** Called when the Activity is first created. * / 
@ Override 
public void onCreate (Bundle savedInstanceState) { 


) 
EI 


super .onCreate (savedInstanceState) ; 
setContentView (R. layout main) ; 


* 发 送 短信 
* Q9 param view 


DÉI 


public void sendams (View view) { 


} 
H 


//L. 拿 到 电话 号 码 和 内 容 

String mcbile= ((EditText) findViewById(R.id.et mcbile)) .getText () .tcString(); 

String content= ((EditText)findViewById(R.id.et content)).getText () .tcString() ; 
‘TelephonyManager tre (TelephonyManager) getSystemServioe(Context.TEIEPHONY SERVICE); 
String deviceid- tm.getDeviceld(); 

String tel- tm.getLinelNunber () ; 


//2. 新 建 短信 的 Intent 

Intent intent- new Intent (Intent.ACTION SENDIO, Uri.parse("smsto:"+ tel)); 
//3. 把 短信 内 容 放 人 intent 

intent.putExtra ("sms body", content); 

//4. 发 送 短信 

startActivity (intent) ; 


// 在 BndroidMeni fest xml 文件 中 要 加 入 发 送 短信 的 权限 
< uses- permission androidmame= "android.permissicn.SEND SMS"/> 


(3) 发 送 短信 代码 优化 








发 送 短信 有 字数 的 限制 ,目前 每 单位 短信 最 多 是 140 个 英文 字符 或 70 个 汉字 符 , 超 


过 这 个 限制 ,短信 将 自动 分 割 成 相应 条 数 ( 按 条 数 收费 


) ,并 在 收 件 人 的 手机 上 自动 组 合 。 


Android 系统 中 使 用 SmsManager 管理 每 条 短信 要 显示 的 字数 。 


SmeManager smsManager- Manager .getDefault () ; 
// 分 割 短信 内 容 


ArrayList< String» texts- smsManager .di videMessage (content) ; 


for (String text : texts) ( 


smsManager.sendTextMessage (tel, null, text, null, null); 


) 


AE g= 


3.4 系统 运行 


系统 运行 与 效果 测试 如 图 3-20 一 图 3-25 所 示 。 


与 效果 测试 
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图 3-20 系统 运行 与 效果 测试 
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图 3-21 输入 电话 号 码 
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图 3-23 通话 
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图 3-24 输入 短信 
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图 3-25 ”发 送 短信 


3.5 本 章 小 结 


通过 本 章 项 目 练习 ,学 习 了 Android 的 三 个 基本 控件 TextView, EditText, Button, 


Android 四 大 组 件 之 一 Activity, 消 息 传递 机 制 Intent 和 Android 权限 控制 permission, 




















3.6 MARR 


CD 试 着 把 做 好 的 APP 安装 到 实验 手机 中 ,测试 拨打 电话 和 发 送 短信 的 功能 并 分 析 
结果 。 

(2) 使 用 不 同 分 辨 率 的 模拟 器 测试 效果 。 

(3) 使 用 不 同 版 本 的 模拟 器 测试 效果 。 

(4) 使 用 Intent 和 Activity 实现 登录 功能 。 

(5) 理解 Android 中 的 权限 设计 机 制 。 

(6) 编写 代码 实现 软件 安装 和 外 载 。 

(7) 编写 代码 访问 浏览 器 。 





ro 


本 章 的 工作 目标 如 下 : 

CD. 使 用 对 话 框 实现 菜单 和 选 关 界面 。 
(2) 自 定义 View 实现 游戏 布局 。 

(3) 实现 连连 看 算法 。 


4.1 项 目 分 析 


水 果 连 连 看 是 在 一 堆 图 案 中 找 出 相同 图 案 进 行 配对 的 简单 游戏 ,鼠标 分 别 单 击 相同 
的 两 个 水 果 图 片 ,如 果 连 接 这 两 个 水 果 图 片 的 直线 不 超过 三 条 ,并 且 不 碰 到 其 他 水 果 图 
片 , 则 消除 这 两 个 水 果 图 片 ,直到 最 终 将 图 片 全 部 消除 ,游戏 有 时 间 限 制 和 “提示 ”功能 。 

首先 介绍 一 下 Android 中 连连 看 项 目的 架构 ,对 所 用 到 的 技术 进行 简要 分 析 , 项 目 架 
构 如 图 4-1 所 示 。 
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图 4-1 项 目 架 构 


本 程序 主要 包含 两 大 模块 : 表示 层 模块 和 后 台 逻 辑 模块 。 

其 中 表示 层 模 块 可 以 理解 为 游戏 的 UI 及 一 些 辅助 效果 ,表示 层 模 块 中 ,重要 的 是 实 
现 游戏 的 布局 地 图 。 项 目 中 ,游戏 的 布局 将 使 用 自 定义 View 的 方式 ,在 屏幕 上 贴图 实 
现 。 而 菜单 模块 及 选 关 的 dialog, 只 是 为 用 户 提供 一 些 常见 的 选择 ,如 重 玩 、 过 关 继 续 等 ， 
为 了 有 一 个 更 好 的 用 户 交 互 环境 ,dialog 将 通过 自 定义 dialog 的 方式 实现 。 

而 后 台 逻 辑 模块 中 ,对 于 程序 计算 的 实现 与 程序 各 种 状态 的 监听 ,将 是 整个 程序 运行 


























的 基础 。 此 模块 中 将 实现 对 于 游戏 剩余 时 间 限 制 和 游戏 状态 的 监听 与 处 理 。 对 于 游戏 剩 
余 时 间 的 限制 ,将 开启 单独 的 线程 进行 处 理 ,从 而 不 至 于 影响 主 程序 逻辑 的 运行 ;游戏 的 
状态 的 监听 处 理 中 ,将 会 实现 对 于 连通 的 两 个 图 标的 消除 ( 即 游戏 界面 的 更 新 )` 游 戏 输赢 
的 监听 判断 ,游戏 暂停 与 否 等 (暂停 状态 需要 同时 将 剩余 时 间 和 暂停 ,而 时 间 监 听 线 程 需要 
知道 所 处 状态 ,二 者 紧密 联系 ) 。 





4.2 连连 看 算法 


本 程序 中 最 重要 的 是 核心 算法 模块 的 实现 ,在 游戏 中 ,最 主要 的 算法 是 判断 两 个 选中 
的 图 标 是 否 能 够 连通 ,其 余 两 个 算法 也 依赖 于 此 算法 。 

在 介绍 连接 算法 之 前 , 先 以 4X4 的 棋盘 为 例 ,简单 介绍 一 下 连连 看 的 布局 算法 。 

在 程序 初始 化 时 , 先 将 要 加 载 的 图 片 在 棋盘 上 按 序 绘制 出 来 ,注意 每 一 种 图 标 在 绘制 
时 需要 一 次 性 绘制 两 次 ,这 样 ,才能 保重 绘制 出 来 的 每 种 图 标 都 是 偶数 个 。 假 设 最 初 如 
图 4-2 所 示 。 

这 样 绘制 后 ,随机 地 调换 棋盘 中 的 图 标 ( 是 现 有 棋盘 中 的 图 标 之 间 的 调换 ,并 不 是 更 
改 成 为 其 他 的 图 标 )。 调 换 后 的 棋盘 可 能 如 图 4-3 所 示 , 这 样 就 完成 了 棋盘 的 初始 化 。 
实际 上 ,棋盘 在 最 外 面 一 层 是 不 添加 图 标的 ,此 处 为 的 是 连 线 时 能 够 使 用 最 外 层面 线 , 而 
不 会 出 现 穿 过 图 标 画 线 的 情况 .棋盘 如 图 4-4 所 示 。 





图 4-2 最初 绘制 的 棋盘 图 4-3 调换 后 的 棋盘 


连连 看 算法 中 两 个 图 标 能 够 连接 的 充分 条 件 是 : 两 个 图 标 是 相同 的 ; 思 两 个 图 标 
之 间 有 一 条 路 相连 ,其 中 这 条 “路 上 ”没有 其 他 的 图 标 阻 碍 ”; @@ 这 一 条 路 不 能 有 两 个 以 
上 的 拐角 。 同 时 满足 这 三 个 条 件 即 可 认为 两 个 图 标 是 相连 通 的 。 对 于 连通 的 判断 中 ,图 
标 连 通 时 有 以 下 三 种 情况 。 

CD 直线 型 : 直线 型 是 从 横向 或 纵向 单方 向 判断 的 情况 ,只 要 两 者 之 间 没 有 其 他 图 
标 即 可 连通 ,这 种 情况 最 容易 判断 。 





(2) 一 折 型 : 一 折 型 是 在 两 个 选中 图 标 确定 的 两 个 对 角 顶 点 画 一 个 矩形 ,若是 其 余 
两 个 项 点 中 有 满足 与 两 个 选中 图 标 都 能 够 “直线 型 "相连 的 , 即 可 认为 这 两 个 选中 图 标 可 


以 连通 ,如 图 4-5 所 示 。 











图 4-4 棋盘 及 最 外 层 图 4-5 一 折 型 的 示例 


(3) 二 折 型 : 对 于 二 折 型 的 判断 是 重点 。 判 断 二 折 型 主要 是 做 两 个 方向 的 扫描 , 即 
横向 扫描 与 纵向 扫描 。 

横向 扫描 中 ,首先 将 两 个 需要 判断 的 图 标 ( 见 图 4-6) 进 行 横向 扩展 ,扩展 规则 是 在 没 
有 遇 到 其 他 图 标 时 一 直 扩 展 ,直到 遇 到 此 行 的 其 他 图 标 或 者 到 达 棋 盘 的 边缘 ,扩展 后 的 点 
如 图 4-7 中 4 所 示 ,如 果 扩展 后 的 点 中 存在 两 点 能 够 满足 直线 型 连通 的 情况 ,如 图 4-8 所 
示 , 即 可 判断 这 两 个 图 标 是 可 以 连通 的 ,连通 的 画 线 也 是 根据 这 两 个 辅助 点 相连 而 成 的 。 
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图 4-6 需要 判断 的 两 个 灰色 图 标 图 4-7 图 标的 横向 扩展 
纵向 扫描 与 横向 扫描 类 似 , 如 图 4-9 和 图 4-10 所 示 。 





图 4-8 扩展 中 存在 两 点 能 “直线 型 "连通 1 图 4-9 图 标的 纵向 扩展 




















图 4-10 扩展 中 存在 两 点 能 “直线 型 "连通 2 


4.3 项目 界面 设计 


水 果 连 连 看 的 界面 设计 主要 包括 以 下 几 个 方面 : 四 自 定义 游戏 界面 ; @ 使 用 滑 块 产 
生 倒 计时 效果 ; @ 使 用 图 片 控 件 和 动画 产生 拌 动 效果 ; @ 使 用 渐变 、 描 边 、 圆 角 的 自 定义 
背景 。 


431 知识 准备 
1. 图 片 控件 


(1) ImageView 
android. widget. ImageView 图 片 控件 ,继承 自 android. view. View. 在 android. 
widget 包 中 。 最 简单 的 使 用 方法 是 通过 src 属性 设置 图 片 路 径 . 可 引用 drawable 的 
图 片 。 
XML 代码 如 下 : 
< TmegeView android:layout width= "wrap content" 
android: layout height= "wrap content" 
android:src- "@ drawable/a"/> 
动态 声明 ImageView DE ft ImageDrawable. 
Java 代码 如 下 : 
ImageView iv2- (ImageView) findViewByld (R.id.imageView2) ; 
iv2.set ImageDrawable (getRescurces () .getDraweble (R.draweble.b) ) ; 
效果 如 图 4-11 所 示 。 
(2) ImageButton 
android. widget. ImageButton 图 片 控 件 , 继 承 自 android. widget. ImageView. 在 
android. widget 包 中 。 最 简单 的 使 用 方法 是 通过 src 设置 图 片 路 径 , 可 引用 drawable 的 
图 片 。 
XML 代码 如 下 : 
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图 4-11 图 片 控件 


< ImageButton android:laycut width- "wrap content" 
android:layout height- "wrap content" 
android:sro- "@ drawable/but 01"/» 
动态 声明 ImageButton ,设置 ImageDrawable. 
Java 代码 如 下 : 


TmageButton ib- (ImageButton) findViewById(R.id.imegeButtcn?) ; 
ib.setImageDrawable (getResources () .getDrawable (R.drawable.b2) ) ; 


效果 如 图 4-12 所 示 。 
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412 图 片 按钮 控件 
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2. 滑 块 控件 


SeekBar 可 以 作为 音乐 播放 器 的 进度 指示 和 调整 工具 ,音量 调整 工具 等 ,SeekBar 是 
ProgressBar 的 一 个 子 类 ,下 面 用 一 个 可 以 改变 并 显示 当前 进度 的 拖 动 条 例子 演示 它 的 
使 用 。 

XML 代码 如 下 : 


< ?nl versiarŪ "1.0" enooding= "utf- 8" 2> 
< Linearlaycut xmlns:android= "http://schemas.android.om/apk/res/android" 
android:orientation- "vertical" android:layout width- "fill parent" 
android:layout height= "fill parent" 
< SeekBar android:id- "@ + id/SeekBar0l"  android:layout width- "245px" 
android:layout height- "25px" android:paddingleft= "16x" 
android:pacdingRight- "15px" android:paddingTop= "Spx" 
android:paddingBottam- "Sox" android:progress= "0"  android:max- "0" 
android:secondaryProgress- "O" /> 
< TextView android:layout width= "fill parent" 
android:layout height- "wrap content" android:text= "@ string/hello" 
android:id- "@ + id/TextViewOl" /> 
< /LinearLayout> 
Java 代码 如 下 : 


// 找 到 拖 动 条 和 文本 框 

final SeckBar sb- (SeekBar) fincViewById(R.id.SeekBar0l); 

final TextView tvl- (TextView) findViewById(R.id.TextViewOl) ; 
// 设 置 拖 动 条 的 初始 值 和 文本 框 的 初始 值 

sb.setMax(100)7 

sb.setProgress (30) ; 

tvl.setText ("当前 进度 :" + sb.getProgress()) ; 

// 设 置 拖 动 条 改变 监听 器 

OnSeekBarChangeListener osbcl= new  OnSeekBarChangelistener() { 


@ Override 
public void onProgressChanged (SeekBar seekBar, int progress, 
boolean fraser) ( 
tvl.setText (当前 进度 : " + sb.getProgress 0) ; 
‘Toast .makeText (getAppLicationContext (), "onProgressChanged" , 
Toast.IENGIH SHORT) .show() ; 


@ Override 
public void onStartTrackingTouch (SeekBar seekBar) { 
Toast .makeText (getApplicationContext (), "onStartTrackingTouch" , 
Toast.IENGIH SHORT) .show() ; 
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@ Override 
public void onStopTrackinglouch (SeekBar seekBar) ( 
Toast .makelText (getAgpLicationContext(), "onStopTrackingTouch" , 
Toast.IENGIH SHORT) .show(); 





k 


/为 拖 动 条 绑 定 监 听 器 
sb. sebOnSeekBarChangeListener (osbel) ; 


效果 如 图 4-13 所 示 。 
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图 4-13 滑 块 控件 


3. 自 定义 View 
很 多 时 候 系统 自 带 的 View 满足 不 了 设计 的 要 求 , 就 需要 自 定义 View 控件 。 自 定义 
View 首先 要 实现 一 个 继承 自 View 的 类 。 添 加 类 的 构造 方法 、override 父 类 的 方法 ,如 
onDraw ,onMeasure 等 。 
具体 步 又: 首先 新 建 一 个 Android 工程 ,命名 为 自 定义 View; 然 后 自 定义 一 个 View 
类 ,命名 为 MyView(extends View) 。 
Java 代码 如 下 : 
public class MWiew extends View ( 
private Paint mPaint; 
private Context mContext; 
private static final String mString= "Welome to Mr Wei's blog"; 

















public MyView (Context context, AttributeSet attr) 
t 
super (context, attr) ; 


} 

@ Override 

protected void onDraw (Canvas canvas) { 
//TOD Auto- generated method stub 
super .onDraw (canvas) ; 


mPaint= new Paint (); 


// 设 置 画 笔 颜 色 

mPaint .setColor (Color.FED) ; 
// 设 置 填充 

mPaint.setStyle (Style.FILL) ; 


// 画 一 个 矩形 ,前 两 个 是 矩形 左上 角 坐 标 , 后 两 个 是 右 下 角 坐 标 
canvas .drawRect (new Rect (10, 10, 100, 100), mPaint) ; 


mPaint.setColor (Color.BILE) ; 
/人 绘制 文字 
canvas .drawlext (rString, 10, 110, mPaint); 


} 

然后 将 自 定义 的 View 加 入 main. xml 布局 文件 ,代码 如 下 : 

€ n.chap4.view.MyView 

android:layout width= "fill parent" 
android:layout height- "fill parent" 

/> 

效果 如 图 4-14 所 示 。 

4. 动画 

Android 平台 提供 了 两 类 动画 : 一 类 是 Tween 动画 , 即 通过 对 场景 里 的 对 象 不 断 做 
图 像 变 换 (平移 、 缩 放 、 旋 转 ) 产 生动 画 效果 ; 男 一 类 是 Frame 动画 , 即 顺序 播放 事先 做 好 
的 图 像 ,与 电影 类 似 。 

Tween 动画 通过 对 View 的 内 容 完成 一 系列 的 图 形变 换 (包括 平移 \ 缩 放 、 旋 转 、 改 变 
透明 度 ) 实 现 动画 效果 。 具 体 来 讲 ,Tween 动画 需 预 先 定义 一 组 指令 ,这 些 指令 指定 了 图 
形变 换 的 类 型 .触发 时 间 持续 时 间 。 这 些 指 令 可 以 XML 文件 方式 定义 ,也 可 以 源 代码 
方式 定义 。 程 序 沿 着 时 间 线 执行 ,这 些 指令 就 可 以 实现 动画 效果 。 动 画 的 进度 使 用 
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图 4-14 自 定义 View 


Interpolator f il android 提供 了 几 个 Interpolator 子 类 ,实现 了 不 同 的 速度 曲线 , 如 
LinearInterpolator 实现 了 匀速 效果 、Accelerateinterpolator 实现 了 加 速效 果 、 
DecelerateInterpolator 实现 了 减速 效果 等 。 还 可 以 定义 自己 的 Interpolator 子 类 ,实现 抛 
物 线 、 自 由 落体 等 物理 效果 。 

动画 的 运行 模式 有 两 种 : 独占 模式 , 即 程序 主线 程 进入 一 个 循环 ,根据 动画 指令 不 
断 刷 新 屏幕 ,直到 动画 结束 ; @ 中 断 模式 , 即 有 单独 一 个 线程 对 时 间 计 数 ,每 隔 一 定 的 时 
间 向 主线 程 发 通知 ,主线 程 接 到 通知 后 更 新 屏幕 。 

图 形变 换 通过 仿 射 矩阵 实现 ,是 图 形 学 中 的 基本 知识 ,每 种 变换 都 是 一 次 矩阵 运算 。 
Canvas 类 中 包含 当前 矩阵, 当 调 用 drawBitmap(bmp,x,y,Paint) 绘 制 时 , Android 会 先 
把 bmp 做 一 次 矩阵 运算 ,然后 将 运算 的 结果 显示 在 Canvas 上 。 这 样 ,编程 人 员 只 需 不 断 
修改 Canvas 的 矩阵 并 刷新 屏幕 , View 中 的 对 象 就 会 不 停 地 做 图 形变 换 , 动 画 也 就 形 
AT. 

Android 中 提供 了 Animation, Interpolator, Transformation 等 类 具体 实现 Tween ah 
画 , 下 面 逐 一 进行 分 析 。 

(D Animation 类 及 其 子 类 是 动画 的 核心 模块 , 它 实 现 了 各 种 动画 效果 ,如 平移 、 缩 
放 、 旋 转 改变 透明 度 等 。 

(2) Tween 动画 的 每 一 帧 都 根据 Interpolator 对 view 的 内 容 做 一 次 图 形变 换 , 因 此 
Animation 的 核心 工作 是 做 变换 (Transformation) 。 

(3) Aniamtion 是 基 类 , 它 记 录 了 动画 的 通用 属性 和 方法 。 主 要 的 属性 包括 动画 持 
续 时 间 、 重 复 次 数 、Interpolator 等 。 动 画 中 最 重要 的 方法 是 getTransformation 
(currentTime,outTransformation) ,该 方法 根据 当前 间 (current Time) 和 interpolator, if 
算 当 前 的 变换 ,在 outTransformation 中 返回 。 




















Q) Android 项 目 开发 教程 入 时 了 时 时 时 省 里 是 


(4) TranslateAnimation、 RotateAnimation、AlphaAnimation 等 是 Animation 的 子 
类 ,分 别 实现 了 平移 ,旋转 、 改 变 Alpha 值 等 动画 。 

(5) 每 个 动画 都 重 载 了 父 类 的 applyTransformation 方法 ,这 个 方法 会 被 父 类 的 
getTransformation 方法 调用 。 另 外 ,每 个 动画 还 有 initialize 方法 ,完成 初始 化 工作 。 

(6) 不 同 的 动画 具有 不 同 的 属性 ,如 RotateAnimation 的 属性 是 起 始 角度 .终止 角度 
和 旋转 点 坐标 ,TranslateAnimation 的 属性 是 起 始 位 置 和 终止 位 置 。AlphaAnimation 的 
属性 是 起 始 Alpha 值 和 终止 Alpha ff. 

Animation 类 及 其 子 类 如 图 4-15 所 示 。 





Animation 





- mStartTime : long 

- mDuration : long 

- mRepeatCount : int 

- minterpolator : Interpolator 

- parentWidth : int 

+ Animation() 

+ Animation(context : Context, attrs : AttributeSet) 

+ setDuration( durationMillis : long) 

+ setStartTime(startTimeMillis : long) 

* applyTransformation(interpolatedTime : float, t : Transformation ) 





+ getTransformation(currentTime : long, outTransformation : Transformation ) : bool 
+ initialize(width : int, height : int, parentWidth : int, parentHeight : int) 





















































A 
RotateAnimation TranslateAnimation 
-mFromDegrees : float -mFromXValue ` float 
- mToDegrees : float - mToXValue : float 
- mPivotX : float - mFromYValue : float 
- mPivotY : float - mToYvalue : float 
+ RotateAnimation() + TranslateAnimation() 
+ applyTransformation(interpolatedTime : float, t : Transformation ) | || + applyTransformation(interpolatedTime : float, t : Transformation) 
+ initialize(width : int, height : int, prtWidth : int, prtHeight : int) + initialize(width : int, height : int, prtWidth : int, prtHeight : int) 
AiphaAnimation 

= mFromAlpha : float 

- mToAlpha : float 

+ AlphaAnimation() 





+ applyTransformation(interpolatedTime : float, t : Transformation) 
+ initialize(width : int, height ` int, parentWidth : int, parentHeight : int) 


图 4-15 Animation 类 及 其 子 类 











(7) Android 的 Animation 由 四 种 类 型 组 成 

XML 代码 中 : 四 Alpha, 渐 变 透明 度 动 画 效果 ; © Scale, 渐 变 尺 寸 伸缩 动画 效果 ; 
GTranslate, 画 面 转换 位 置 移动 动画 效果 ; 中 Rotate, 画 面 转移 旋转 动画 效果 。 

Java 代码 中 : (DAlphaAnimation ,渐变 透明 度 动画 效果 ; @ScaleAnimation, ,渐变 尺 
才 伸 缩 动画 效果 ; @ TranslateAnimation, 画面 转换 位 置 移动 动画 效果 @ Rotate- 
Animation ,画面 转移 旋转 动画 效果 。 

在 XML 文件 中 定义 动画 ,步骤 如 下 : 

(D 打开 Eclipse, 新 建 Android 工程 。 

© 在 res 目录 中 新 建 anim 文件 夹 。 

© Æ anim 目录 中 新 建 一 个 myanim. xml( 注 意 文件 名 小 写 ) 。 

@ MA XML 的 动画 代码 。 








D AM OLD NA | 第 4 章 水 果 连 连 看 的 设计 及 开发 ] en ai 


代码 如 下 : 


< ?ml versior= "1.0" encoding= "utf- 8"2> 
< set xmi ns:arcdiroid- "http: //schamas .android.cam/apk/res/android"> 
«alpha/» 
« scale/» 
< translate/» 
< rotate/» 
</set> 


Android 动画 解析 一 一 XML 代码 : 
<alpha> 


< ?aml version- "1.0" encoding- "utf- 8"2> 
< st xmlns:android- "http: //schamas .android.can/apk/res/android"> 
«alpha 
android:framAlpha- "0.1" 
android:toAlpha= "1.0" 
android:duration- "3000" 
/> 
< 上 -透明 度 控制 动画 效果 alpha 
浮 点 型 值 : 
frarAlpha 属性 为 动画 起 始 时 透明 度 
toMpha ”属性 为 动画 结束 时 透明 度 
说 明 : 
0.0 表 示 完 全 透明 
1.0 表 示 完 全 不 透明 
以 上 值 取 0.0~1.0 的 日 cat 数 据 类 型 的 数字 


KEMM: 
duration 属 性 为 动画 持续 时 间 
说 明 : 
时 间 以 毫秒 为 单位 
==> 
< /set> 


— scale 


< ?3ml version "1.0" encoding= "utf- 8"2> 
< set xmlns:android "http: //schemas.android.oam/apk/res/android"» 
«scale 
android:interpolator- 
"6 android:anim/accelerate decelerate interpolator" 
android: frarkScale= "0.0" 
android:toXScale- "1.4" 
android:framYScale- "0.0" 
android:toYScale- "1.4" 
android:pivotx- "50% " 
android:pivotY- "50% " 
android:fillAfter= "false" 




















android:duration- "700" /> 


« /set» 
< 上 -尺寸 伸缩 动画 效果 scale 
属性 : interpolator 指定 一 个 动画 的 插入 器 
在 我 试验 过 程 中 ,使 用 android.res.anim 中 的 资源 时 发 现 


有 三 种 动画 插 人 器 : 
accelerate decelerate interpolator 加 速 -减速 动画 插入 器 
accelerate interpolator 加 速 -动画 插入 器 
decelerate interpolator 减速 -动画 插入 器 
其 他 的 属于 特定 的 动画 效果 
RH. 


fraüxScale 属性 为 动画 起 始 时 x 坐标 上 的 伸缩 尺寸 
toxscale ”属性 为 动画 结束 时 x 坐 标 上 的 伸缩 尺寸 


framyScale 属性 为 动画 起 始 时 Y 坐 标 上 的 伸缩 尺寸 
toYScale ”属性 为 动画 结束 时 Y 坐 标 上 的 伸缩 尺寸 


说 明 : 
以 上 四 种 属性 值 


0.0 表 示 收 缩 到 没有 
1.0 表 示 正 常 无 伸缩 
值 小 于 1.0 表 示 收 缩 
值 大 于 1.0 表 示 放 大 


pivox ”属性 为 动画 相对 于 物件 的 x 坐标 的 开始 位 置 
pivotY ”属性 为 动画 相对 于 物件 的 Y 坐 标的 开始 位 置 


说 明 : 
以 上 两 个 属性 值 Home 中 取 值 
50s 为 物件 的 x 或 Y 方 向 坐标 上 的 中 点 位 置 
长 整 型 值 : 
duration 属性 为 动画 持续 时 间 


说 明 : 时间 以 毫秒 为 单位 


布尔 型 值 : 
fillafter 属 性 当 设置 为 trus, 该 动画 转化 在 动画 结束 后 被 应 用 


--» 
<translate> 


< 2ml version- "1.0" encoding- "utf- 8"?> 
< set xmlns:android= "http: //schemas .android.can/apk/res/android"> 


«translate 
android: frarkDelta= "30" 
android:toXDelta- "- 80" 


android:framYDelta- "30" 
android:toYDelta= "300" 
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android:duration- "2000" 
pb 
< 1- - translate 位 置 转移 动画 效果 
整 型 值 : 
fromkDelta 属性 为 动画 起 始 时 x 坐标 上 的 位 置 
toxpelta ”属性 为 动画 结束 时 x 坐标 上 的 位 置 
frarypelta 属性 为 动画 起 始 时 Y 坐 标 上 的 位 置 
toYDelta ”属性 为 动画 结束 时 Y 坐 标 上 的 位 置 
注意 : 
没有 指定 framktype toxType franYType toYType 时 ， 
默认 是 以 自己 为 相对 参照 物 
KEMM.: 
duration 属性 为 动画 持续 时 间 
说 明 : 时 间 以 毫秒 为 单位 
--> 
< /set> 


<rotate> 


< ?anl version- "1.0" encoding- "utf- 8"2> 
< set xml ns:android- "http: //schamas .android.can/apk/res/android"> 
« rotate 
android:interpolator- "@ android:anim/acoelerate_decelerate_ 
interpolator" 
android: franDegrees= "0" 
android: toDegrees= "+ 350" 
android:pivotX- "50$ " 
android:pivotY- "50$ " 
android:duration- "3000" /> 
< !-- rotate 旋转 动画 效果 
属性 : interpolator 指定 一 个 动画 的 插入 器 
在 我 试验 过 程 中 ,使 用 android.res.anim 中 的 资源 时 发 现 


有 三 种 动画 插入 器 : 
accelerate deoelerate interpolator 加 速 -减速 动画 插入 器 
accelerate interpolator 加 速 -动画 插入 器 
decelerate interpolator 减速 -动画 插 人 器 
其 他 的 属于 特定 的 动画 效果 
浮 点 数 型 值 : 


framDegrees 属性 为 动画 起 始 时 物件 的 角度 
toDegrees ”属性 为 动画 结束 时 物件 旋转 的 角度 ,可 以 大 于 360 BE 


说 明 : 
当 角 度 为 负数 ,表示 逆 时 针 旋 转 
当 角 度 为 正 数 ,表示 顺 时 针 旋转 
(负数 Eram 一 to 正 数 : 顺 时 针 旋 转 ) 
(负数 frm 一 to 负数 : 逆 时 针 旋 转 ) 
OEB fram 一 to 正 数 : 顺 时 针 旋 转 ) 
(ER fom 一 to 负数 : 逆 时 针 旋 转 ) 

















Pivotx ”属性 为 动画 相对 于 物件 的 x 坐标 的 开始 位 置 
pivoty ”属性 为 动画 相对 于 物件 的 Y 坐 标的 开始 位 置 


BEM: 以 上 两 个 属性 值 Mos 中 取 值 
50s 为 物件 的 x 或 Y 方 向 坐标 上 的 中 点 位 置 


duration ”属性 为 动画 持续 时 间 
说 明 : 时 间 以 毫秒 为 单位 





透明 度 ”旋转 缩放 ”平移 


Vi 





图 4-16 动画 


5. 渐变 、 圆 角 等 效果 


在 Android 开发 过 程 中 ,经 常 需要 改变 控件 的 默认 样式 ,那么 通常 会 使 用 多 个 图 片 来 
解决 。 比 如 一 个 按钮 ,需要 单 击 时 的 式样 图 片 ,默认 的 式样 图 片 .这样 就 容易 使 apk 变 大 。 

除了 使 用 drawable 的 图 片 外 ,还 可 以 使 用 自 定 义 图 形 shape,Android 上 支持 shape、 
gradient stroke corners, padding solid 等 属性 。 

XML 代码 如 下 : 


< 2ml version- "1.0" encoding- "ut£- 82» 
< shape smins:android- "http: //schamas .android.can/apk/res/android"> 


< 二- 圆 角 --> 


<comers 
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android:bottanLeftRadius= "2dp" 
android:bottarRightRadius- "2dp"/» < 上 -设置 圆 角 半径 --> 


«r--Wü--» 

< gradient. 
android:startColor= "@ android:color/white" 
android:centerColor= "@ android:color/black" 
android:endColor= "@ android:color/black" 
android:useLevel= "true" 
android:angle= "45" 
android:type= "radial" 
android:oenterx- "0" 
android:oentery- "0" 
android:gradientRadius- "90"/» 


< 上 -间隔 --> 

< padding 
android:left= "2dp" 
android:top= "2gp" 
android:right- "2dp" 


android:bottam- "2dp"/> < !-- 各 方向 的 间隔 --> 


<!-- 大 小 --> 
«size 
android:width= "50dp" 
android:height- "50db"/> < !- -宽度 和 高 度 --> 


<!- -填充 --> 
«solid 
android:color="@ android:color/white"/> < !- -填充 的 颜色 --> 


< 上 - 描 边 --> 
< stroke 
androidiwidthe "2dp" 
android:oolor- "@ android:color/black" 
android:dashWidth= "ldp" 
android:dashGap= "2dp"/> 
< /shape> 


(1) 圆 角 : 同时 设置 五 个 属性 , 则 Radius 属性 无 效 。 
android; radius— "9dp" .设置 四 个 角 的 半径 。 
android; topLeftRadius— "2dp" .设置 左上 角 的 半径 。 

















android; topRightRadius="2dp" ,设置 右上 角 的 半径 。 

android: bottomLeftRadius="2dp" ,设置 右 下 角 的 半径 。 

android:bottomRightRadius 一 "2dp" ,设置 左下 角 的 半径 。 

(2) 渐变 : 当 设 置 填充 颜色 后 ,无 渐变 效果 。angle 的 值 必须 是 45 的 倍数 (包括 0), 
仅 在 type 二 "linear" 有 效 ,不 然 会 报错 。Angle 对 应 值 的 起 点 如 图 4-17 所 示 。 

(3) 间隔 : 设置 四 个 方向 上 的 间隔 。 


O 填充 : 设置 填充 的 颜色 。 

(6) 描 边 : dashWidth 和 dashGap 属性 ,只 要 其 中 一 
设置 为 0, 则 边框 为 实 线 边框 。 

android: width — "2dp" ,设置 边 宽 。 

android: color = " (2 android: color/black" , i t 3/1 AY 


: 设置 大 小 。 





android; dash Width — " 1dp" ,设置 虚线 的 宽度 。 图 4-17 angle 对 应 值 
android; dashGap — "2dp" ,设置 虚线 的 间隔 宽度 。 
效果 如 图 4-18 和 图 4-19 所 示 。 
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418 单 击 按钮 前 


项 目 界面 相关 代码 设计 
水 果 连 连 看 的 界面 设计 步骤 如 下 : 
CD 新 建 “连连 看 界面 ”项目 。 


(2) 在 res 目录 下 新 建 anim 文件 夹 , 放 入 动画 文件 。 
G) 在 res Bt FH drawable 文件 夹 , 放 入 图 片 文件 .如 图 4-20 所 示 。 
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图 4-19 单 击 按钮 后 


e S gen [Generated Java Files] 
BÀ Android 4.2.2 
GI Bl Android Private Libraries 
B assets 
& bin 
BS libs 
BB res 
Se enin 
D cycle. xml 
回 scale anim out.xal 
回 scale anim. xnl 
回 shake. xml 
回 trans in xal 
B C drawable 


Gott 11. png 
IS) fuit 12. png 
fruit 13. png 
国 &uit 14. png 
IS &uit 15. png 
fruit 17. png. 
fruit 18. png 
O) fuit 19. png 

回 shape. xal 

BE drarable-hdpi 

Œ drawable-ldpi 


4-20 res 目录 
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(4) 在 src 目录 下 新 建 cn. chap4. link. view 包 , 在 此 包 中 新 建 BoardView. java 和 
GameView. java, 其 中 BoardView. java 是 游戏 棋盘 ,GameView. java 是 游戏 控制 器 。 
BoardView. java 主要 代码 如 下 : 


public class BoardView extends View { 


ES 
* 3Countx 轴 方向 的 图 标 数 +1 

*/ 

protected static final int xCount- 10; 
ES 

* yont y 轴 方向 的 图 标 数 +1 

*/ 

protected static final int  yCount- 12; 
EI 

* mep 连 连 看 游戏 棋盘 

"y 

protected int[][] map= new int [xCount] [yCount]; 
jee 

* iconsize 图 标 大 小 

*/ 

protected int ioonSize; 

EI 

* iconcounts 图 标的 数目 

*/ 

protected int iconCounts= 19; 

EI 

* icons 所 有 的 图 片 

*/ 


protected Bitmap[] icons- new Bitmap[iconCounts]; 


pee 

* path 可 以 连通 点 的 路 径 
Er 

private Point[] path= null; 
EI 

* selected 选 中 的 图 标 
*/ 


protected List< Point» selected- new ArrayList« Point» (); 


public BoardView (Context context,AttributeSet atts) { 
super (context, atts) ; 


callooSize(); 


Resources r= getResources () ; 

loecBitmeps (l, r.getDraweble (R.drawcble.fruit 01)); 
loecBitmeps (2, r.getDraweble (R.draweble.fruit 02)); 
loecBitmeps (3, r.getDraweble (R.drawsble.fruit 03)); 


loacBitmaps (10, 
loacBitmeps (11, 
loacBitmaps (12, 
loadBitmaps (13, 
loecBitmeps (14, 
loadBitmaps (15, 
loadBitmaps (16, 
loadBitmaps (17, 
loadBitmaps (18, 


ez 


D 











x.getDraweble (R.drawsble.fruit 04)); 
x.getDraweble (R.drawsble.fruit 05)); 
r.getDraweble (R.drawsble.fruit 06)); 
r.getDraweble (R.drawsble.fruit 07)); 
r.getDraweble (R.drawsble.fruit 08)); 
r.getDraweble (R.drawsble.fruit 09)); 
r.getDraweble (R.drawsble.fruit 10)); 
r.getDraweble (R.drawsble.fruit 11)); 
r.getDrawable (R.drawable.fruit 12)); 
r.getDrawable (R.draweble.fruit_13)); 
r.getDrawable (R.drawable.fruit 14)); 
r.getDrawable (R.drawable.fruit 15)); 
r.getDrawable (R.drawsble.fruit 17)); 
r.getDrawable (R.drawable.fruit 18)); 
r.getDrawable (R.drawable.fruit 19)); 


* 计算 图 标的 长 宽 


*/ 


private void calIomnSize() 


t 
DisplayMetrics 


de new DisplayMetrics (); 


(Activity) this.getContext () ) .getindowManager () 
-getDefaultDi splay () .getMetrics (du) ; 
iconSize- dn.widthPixels/ (Count) ; 


pee 


D 


* Qparem key 特定 


图 标的 标识 


* @param d drawable 下 的 资源 


*/ 


public void loadBitmaps (int key, Drawable d) { 


Bitmap bitmap= Bitrrep.createi trap (iconSize, iconSize,Bitmap.Config.ARGB 8888); 


Canvas canvas= new Canvas (bitmap) ; 
d.setBounds (0, 0, iconSize, ioonSize); 


d.draw (canvas) ; 


icon key]- bitmap; 


@ Override 


protected void onDraw (Canvas canvas) { 


pe 


* 绘制 连通 路 径 ,然后 将 路 径 以 及 两 个 图 标清 除 


sy 
if (path !- null 


&& path.lengtt» —2) ( 
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for (int i=0; i<path.length- 1; i++) ( 


Paint paint- new Paint(); 
paint.setColor (Color.CYZN) ; 
paint.setStyle (Paint .Style.STROKE) ; 
paint. setStrokelilidth (3) ; 
Point pl= indextoScreen (path i] .x, path i].y); 
Point p2= indextoScreen (path it 1].x, path[ i+ 1].y); 
canvas .drawLine (pl.xt ioonSize / 2, pl.y* ioonSize / 2, 
p2.xt ioonSize / 2, p2.yt+ iconSize / 2, paint); 
} 
Point p= patt{ 0]; 
med p.x][p.y]= 0; 
p- patil path. length 1]; 
ner{ p.x][p.y]=0; 
selected.clear () ; 
path= mill; 
} 
ex 
* 绘制 棋盘 的 所 有 图 标 , 当 这 个 坐标 内 的 值 大 于 0 时 绘制 
*/ 
for (int x= 0;x< map. length;x+ = 1) ( 
for (int y= 0;y< mel x] .length;yt - 1) ( 
ifte x] y]» 0)t 
Point p= indextoScreen(x, y); 
canvas .drawBitmep (icons med sl y]], p-x,p-y;na11); 


pex 
* 绘制 选中 图 标 ,当选 中 时 图 标 放 大 显示 
Mi 


for (Point position:selected) { 
Point p= indextoScreen (position.x, position.y); 
if (regl_position.x][position.y]>=1){ 
canvas .drawBitmap (icons marl position.x][position.y]], 
null, 
new Rect (p.x- 5, p.y- 5, p.xt iconSizet 5, p.yt iconSizet 5), null); 


pe 

* 

* @param path 

*/ 

public void drawLine (Point[] path) ( 
this.path- path; 
this.invalidate(); 


pe 
D 
D 
D 


D 








工具 方法 

eraranx 数 组 中 的 横 坐 标 

e@Farany 数 组 中 的 纵 坐标 

@ retum 将 图 标 在 数组 中 的 坐标 转 成 在 屏幕 上 的 真实 坐标 


*/ 
public Point indextoScreen (int x,int y)( 


SS Sg 


retum new Point(x* iconSize, y * ioonSize); 


工具 方法 

eparanx 屏 幕 中 的 横 坐 标 

eparany 屏 幕 中 的 纵 坐 标 

@ return 将 图 标 在 屏幕 中 的 坐标 转 成 在 数组 上 的 虚拟 坐标 


/ 


public Point screenToindex (int x,int y)( 


) 


int i= x/iconSize; 
int iy- y/iconSize; 
if (ix< xCount && iy< yCount) ( 
retum new Point ( ix, iy); 
Jelset 
retum new Point (0,0) ; 
H 


GameView. java 主要 代码 如 下 : 


// 游 戏 控制 器 继承 游戏 视图 

public class GameView extends BoardView 
// 初 始 化 游戏 视图 

public void initMep() { 


int x-1; 
int y-0; 
for (int i=1; icxCount- l; i++) ( 
for (int j= 1; j< yant- 1; j++) ( 
neg i] j]-x 
if (=) ( 
xtt; 
y=0; 
if (==iconants) ( 




















} 


(5) 在 layout 目录 下 新 建 welcome. xml, 游 戏 的 启动 页 面 , 如 图 4-21 所 示 。 





* (reso - 上 日- te AppThene 


DS. see 


4 
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following ould not be instantiated 





图 4-21 游戏 启动 页 面 


当 单 击 开 始 按钮 时 此 页 面 蔡 换 成 游戏 界面 。 
主要 代码 如 下 : 


< cn.chap4.link.view.GameView 
android:layout width- "wrap content" 
android:laycut height "wrap content" 
android:id- "@ + id/game view" 
android:visibility- "gone" 
android:laycut below- "@ id/timer" 

^ 


(6) 在 src 目录 下 的 cn. chap4. link 包 中 新 建 WelActivity. java, 把 如 图 4-22 所 示 的 


页 面 设置 为 启动 页 面 ,添加 单 击 事件 ,Java 代码 如 下 : 


setContentView (R. layout .weloane) ; 
btnPlay- (ImageButton) fincViewById(R.id.play btn); 
btnPlay.setOnClickListener (this); 
@ Override 
public void onClick(View v) { 


switch (v.getId()) { 
case R.id.play bin: 
Animation scaleOut= 
AnimaticnUtils.loadAnimation (this,R.anim.scale anim out); 
Animation transIn- 
BnimaticrUtils.loadhnimation (this,R.anim.trans in); 


) 


(7) 在 res 目录 下 新 建 dialog_view. xml, 在 这 个 布局 文件 中 设置 下 一 关 、 重 玩 本 关 等 








btnPlay.startAnimation (scaleout) ; 
btnPlay.setVisibility (View.GONE); 
imgTitle.setVisibility (View.GONE) ; 
ganeView.setVisibility (View. VISIBIE); 


btnRefresh. setVisibility (View. VISIBLE) ; 
btrif'ip.setVisibility (View. VISIBIE) ; 
progress. setVisibility (View.VISIBLE) ; 
clock. setVisibi lity (View. VISIBLE) ; 
textRefreshNum.setVisibi lity (View. VISIBLE) ; 
textTipNum.setVisibility (View.VISIBIE) ; 


btnRefresh.startAnimation (transIn) ; 
btn?ip.startAnimaticn (transIn) ; 
gareView.startAnimation (transIn) ; 
gameView.startPlay (); 

break; 


功能 ,如 图 4-22 所 示 。 


代码 编写 实现 的 是 应 用 程序 中 的 逻辑 代码 功能 ,该 部 分 代码 在 项 目的 sre 目录 中 完 





图 4-22 在 布局 文件 中 设置 功能 


4.4 项目 功能 的 实现 


成 ,如 图 4-23 所 示 。 




















4 (9 src 
4 8B cnjerry 
> [D MainActivity.java 
4 Ẹ gen [Generated Java Files] 
4 8i cnjery 
» B) BuildConfig.java 
> D Rjava 
> BA Android 4.2.2 
> mÀ Android Private Libraries 
& assets 
> & bin 
> & libs 





图 4-23 ”代码 编写 
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在 Android 中 ,有 很 多 功能 是 不 能 放 在 onCreate 或 者 onStart 方法 里 面 的 ,因为 这 些 
功能 耗 时 相对 较 长 。 比 如 一 个 文件 下 载 的 过 程 比较 长 ,但 是 如 果 写 在 Activity 中 ,这 段 时 
HA Activity 是 完全 没有 响应 的 ,那么 就 可 以 将 这 种 处 理 大 量 数据 或 者 耗 时 比较 长 的 功 
能 放 在 一 个 单独 的 线程 中 完成 , 即 Activity 是 一 个 线程 ,而 下 载 的 是 在 另外 一 个 线程 ,这 
样 就 可 以 使 下 载 与 Activity 之 间 互 不 影响 ,从 而 得 到 良好 的 用 户 体验 。 这 里 有 两 种 队列 , 
一 种 是 线程 队列 ,就 是 用 postXX 方法 或 者 removeCallbacks 方法 对 线程 对 象 的 操作 ; 另 
一 种 是 消息 队列 ,用 sendMessage 和 handleMessage 方法 对 消息 对 象 进行 处 理 。 队 列 如 
图 4-24 所 示 。 


图 4-24 队列 


handler 采用 的 是 一 个 消息 队列 的 方式 ,每 一 个 handler 都 有 一 个 与 之 关联 的 消息 队 
列 ,而 且 是 按照 先进 先 出 的 方式 执行 , 即 每 次 加 入 一 个 handler, 然 后 拿 出 来 对 其 进行 处 
理 , 之 后 再 拿 出 另 一 个 ,再 进行 处 理 。 
例 4-1 仅仅 对 线程 对 象 进行 操作 的 测试 。 
Java 代码 如 下 : 
private Button mybuttonl; 
private Button mybutton2; 
@ Override 
public void onCreate (Bundle savedInstanceState) { 
super .onCreate (savedInstanceState) ; 
setContentView R. layout activity main); 


mybuttonl= (Button) findViesById (R.id.buttonl) ; 








mybutton2- (Button) findViewByld (R. id.button2) ; 


mybuttonl .setOnClickListener (new Button.OnclickListener () 
t 


@ Override 
public void onClick (View arg0) { 
EI 
* 调用 Handler ft) post 方 法 ,将 要 执行 的 线程 对 象 添加 到 
* 线程 队列 中 
Fg 
handler.post (updateThread) ; 


We 
mybutton2.setOnClickListener (new Button.OnClickListener () 
{ 


@ Override 
public void onClick (View v) ( 
//TOD0 Auto- generated method stub 


We 


H 
// 创 建 Handler 对 象 
Handler handler= new Handler (); 
pex 
* 将 要 执行 的 操作 印 载 写 人 线程 对 象 的 nm() 方 法 中 
*/ 
Runnable updateThread- new Runnable () 
t 
public void run() 
t 
System.out .printIn (更 新 线程 四; 
/在 rm 方法 内 部 ,执行 postx 的 方法 ,每 隔 3 秒 会 执行 一 次 
handler.postDelayed(updateThread, 3000); 


IE 


运行 结果 如 图 4-25 所 示 。 
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程序 解释 : 首先 创建 一 个 Handler 对 象 ,然后 创建 一 个 继承 自 Runnable 接口 的 


线程 。 


程序 首先 单 击 “ 开 始 ” 按 钮 .会 马上 执行 post 方法 ,将 执行 的 线程 对 象 添加 到 线程 队 
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Handler 对 象 操作 


列 中 ,这 时 会 马上 开始 执行 。 


Java 代码 如 下 : 


public void run() 
t 


System.out.println (更 新 线程 
/在 rm 方法 内 部 ,执行 ppstxx 的 方法 ,每 隔 3 秒 会 执行 一 次 
handler .postDelayed (updateThread, 3000); 


) 


然后 ,执行 postDelayed 方法 ,依据 其 中 设置 的 间隔 时 间 ,每 3 秒 会 调用 一 个 Handler 
对 象 到 线程 队列 中 ,并 且 一 直 执 行 .直到 单 击 “结束 ”按钮 ,调用 removeCallbacks 方法 将 


其 从 线程 队列 中 移 除 。 


例 4-2 简单 地 对 线程 对 象 和 消息 对 象 进行 处 理 。 


Java 代码 如 下 : 


private ProgressBar bar- null; 
private Button start- null; 


@ Override 


public void onCreate (Bundle savedInstanceState) { 
super .onCreate (savedInstanceState) ; 
setContentView (R. layout main) ; 
bar- (ProgressBar) findViewSyld (R.id-progress1) ; 
start= (Button) findViewById(R.id.start); 
start.setOnClickListener (new Button.OnclickListener () 
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@ Override 

public void onClick(View v) { 
bar.setVisibility (View.VISIBIE) ; 
handler .post (handlerThread) ; 


pe 
* 使 用 匿名 内 部 类 复写 hanlder 中 的 hanldrMessage Fi 
* 这 里 的 msg 对 象 就 是 从 线程 部 分 发 送 过 来 的 对 象 
*/ 

Handler handler- new Handler () 


bar.setProgress (msg.argl) ; 
handler.post (handlerThread) ; 
) 
Di 
/做 程 类 ,该 类 使 用 的 是 匿名 内 部 类 的 方式 进行 声明 
Runnable handlerThread- new Runnable () 
t 
int i-0; 
public void nn() 
{ 
System.cut.println ("FF f ££ fi ") ; 
i=it 10; 
pe 
* 得 到 一 个 消息 对 象 ,Message 类 是 由 Android B fF R £t E DE 
* cbtainMessage 方 法 用 来 得 到 Message 对 象 
Zë 
Message msg- handler .dbtainMessage () 7 
pe 
* Message 中 有 成 员 变 量 , 即 meg 独 享 的 argl 参 数 
* 将 其 值 设 置 为 i H argl 或 arg2 这 两 个 成 员 变量 传递 
* 消息 ,优点 是 系统 性 能 消耗 较 少 
Së 


// 当 前 线程 休眠 1 秒 
Thread.sleep (5000) ; 

} catch (InterruptedExoeption e) { 
//T000 Anto- generated catch block 
e.printStackTrace () ; 

j 

[ee 

* 发 送 一 个 消息 ,用 sendvessage EIB msg 加 入 消息 

















* 队列 中 ,而 post 是 将 线程 加 入 线程 队列 
x7 
handler. sendMessage (msg) ; 
if( i==100) 
{ 
pe 
* 如 果 二 100 时 ,就 将 线程 对 象 
* 从 handler 中 移 除 
*/ 
handler.removeCal Ibacks (handlerThread) ; 
bar.setVisibility (View.GONE) ; 


i 
activity main. xml 代码 如 下 : 
< ProgressBar 
android:id= "@ + id/progress1" 
android: layout_width= "fill parent" 
android: layout_height= "wrap_content" 
android:visibility= "gone" 
style= "?android:attr/progressBarStyleHorizontal" 


«Button 
android:id- "@ + id/buttonl" 
android:layout width- "wrap content" 
android:laycut height- "wrap content" 
android:layout alignParentleft- "true" 
android: layout_alignParentTop= "true" 
android: layout_marginleft="27dp" 
android: layout_marginTop= "90dp" 
android:text= "AR" /> 
运行 结果 如 图 4-26 和 图 4-27 所 示 。 
程序 说 明 : 
CL) 单 击 按钮 后 ,会 执行 按钮 的 onClick 方法 中 的 LickListener, 将 进度 条 显示 出 来 ， 
并 且 将 线程 对 象 加 入 线程 队列 。 
Java 代码 如 下 : 
bar.setVisibility (View.VISIBLE) ; 
handler.post (handlerThread) ; 
(2) 线程 对 象 先 打印 出 一 个 “开始 线程 ”, 然 后 i 的 值 增加 10, 再 从 系统 中 获取 一 个 
Message 对 象 。 
(3) H i WRA Message 对 象 的 参数 rel, 
(4) 当前 线程 休眠 5 秒 , 然 后 通过 sendMessage 方法 发 送 一 个 Message 对 象 到 消息 
队列 中 。 
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图 4-27 线程 对 象 及 消息 对 象 处 理 2 


(5) 再 执行 ,通过 handleMessage 方 法 设置 进度 条 的 值 ,并 且 将 其 加 入 进程 队列 。 
Java 代码 如 下 : 


t 
public void handleMessage (Message msg) 

















(6) 循环 执行 ,直到 i= 100 ,隐藏 进度 条 ,并 将 线程 对 象 从 线程 队列 中 移 除 。 
442 项 目 功能 相关 代码 设计 

1. 设置 监听 器 

(1) 编写 状态 改变 监听 器 OnStateListener。 

Java 代码 如 下 : 

public interface OnStatelistener( 


public void OnStateChanged (int. StateMode) ; 
} 


(2) 编写 倒计时 监听 器 OnTimerListener。 
Java 代码 如 下 : 
public interface OnTimerListener{ 
public void onTimer (int leftTime) ; 
} 
(3) 编写 工具 状态 改变 监听 器 OnToolsChangeListener, 
Java 代码 如 下 : 
public interface OnToolsChangeListener( 
public void onRefreshChanged (int. count); 
public void onTipChanged (int count); 


2. 编写 控制 器 功能 


// 设 置 5 种 状态 
public static final int WN- 1; RH 
public static final int IOSP= 2; // 失 败 
public static final int PAUSE- 3; // 暂 停 
public static final int PLAY- 4; // 开 始 游戏 
public static final int QUIT- 5; // 退 出 
/开始 游戏 方法 
public void startPlay(){ 
Help-3; 
Fefresh- 3; 
isStop- false, 





leftTime- totalTime; 

initMep (); 

refreshTime= new RefreshTime () ; 
refreshTime.start (); 
GameView.this.invalidate(); 


} 
public void startNextPlay () { 
// 下 一 关 为 上 一 关 减 去 10 秒 的 时 间 
totalTime- = 10; 
startPlay(); 
) 
/ PFN RE 8 KC 
private boolean win() ( 
for (int x-0; x«xcount; xt) ( 
for (int y- 0; y< yant; yc *) ( 
if (ma x][y] =0) { 


return false; 


} 
retum true; 
H 
(IER ern 
private boolean die() ( 
for (int yz 1; y< yCount-1; y++) { 
for (int x-1; x< xCount- 1; x++) ( 


if med x]Ly] !=0) { 
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for (int j- y; j< yCount- 1; j++) { 


if G==y) { 


for (int i= x+1; i<xCount-1; i++) ( 


if (repli) 3] — med x] y] 


&& link (new Point (x, y), 


new Point (i, 3))) { 


retum false; 


y 
} else { 


for (int i= 1; i< xCount-1; i++) ( 


if (mal i][ 3]- — med x]L yl 


&& link(new Point(x, y), 


new Point (i, j))) { 


retum false; 
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// 调 换 水 果 位 置 
private void change () ( 
Pandom randone new Randam() ; 
int tmp, tmpk, tmpy; 
for (int x-1; x«xCount- 1; xt+) ( 
for (int y- 1; y< ycount- 1; yr +) ( 
rp 1+ random.nextInt (sCount- 2) ; 
‘tmpY= 1+ randa. next Int (yCount- 2) ; 
tpi med x) yl; 
med sl y]=mel ex] ez): 
mal ere] pY] = tre; 


} 
if (die()) { 
change () 7 
} 
GaneView. this. invalidate () ; 
} 


// 使 用 线程 实现 倒计时 
Class RefreshTime extends Thread { 


public void nm() { 
while (leftTime>=0 && !isStop) { 

timerListener.onTimer (leftTime) ; 

leftrime- - ; 

try { 
‘Thread.sleep (1000) ; 

} catch (InterruptecExoeption e) { 
e. printStackTrace () ; 


) 
/handler 实 现 刷新 界面 
class RefreshHandler extends Handler ( 


@ Override 
public void handleMessage (Message msg) { 
super.handleMessage (msg) ; 
if (msg.what- — FEFFESH VIEW) { 
GareView.this. invalidate (); 














if (win()) { 
setMode (WIN) ; 
isStcp- true; 

} else if (die) { 
change () 7 


public void sleep (int delayTime) ( 
this. removeMessages (0) ; 
Message message= new Message () ; 
message .what= REFRESH VIEW; 
sendMessageDe layed (message, delayTime) ; 


) 


// 连 连 看 算法 实现 ,这 里 分 3 种 情况 , 同 前 面 算 法 中 一 样 。 
List< Point» plE- new ArrayList« Point» (); 
List< Point» p2F= new ArrayList« Point» (); 


private boolean link(Point pl, Point p2) { 
if (pl.equals(pO)) ( 
retum false; 
} 
path.clear () ; 
if (mer pl.x][ pl.y]- — mar p2.x][p2.y]) { 
if QinkD(pl, p2)) ( 
path.add(pl) ; 
path.add (pO) ; 
retum true; 


Point p= new Point (pl.x, p2.y); 
if (mad p.xlp.y]- - 0) { 
if QinkD(pl, p) && linkD(p, FE2)) { 
path.add(pl); 
path.acd(p) ; 
path.add (p2); 
retum true; 


} 

P= new Point (p2.x, pl.y); 

if (mel p-x)[p-y]==0) t 

if (inkD(pl, p) sp linkD(p, r2)) { 

path.add (pl); 
path.add(p) ; 
path.acd p?) ; 
return true; 
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expandX (pl, plE); 
expandX (2, pÆ); 


for (Point ptl : plE) { 
for (Point pt2 : pÆ) ( 
if (prlx-—pt2.x) ( 
if (linkD@tl, pt2)) ( 
path.add(pl); 
path.add (pt1); 
path.add (pt2); 
path.add (p2) ; 
return true; 


expand (pl, pIE); 

expand (9, pÆ); 

for (Point ptl : plE) { 

for (Point pt2 : p2E) { 
if (ptl.y--pt2.y) { 
if (LinkD(ptl, pt2)) { 

path.add (pl); 
path.add (ptl) ; 
path.add (pt2) ; 
path.add (p2) ; 
retum true; 


/ 断 两 个 棋子 是 否 能 直接 相连 ,分 为 横 连 和 竖 连 。 
private boolean linkD(Point pl, Point p2) ( 
if (pl.x==p2.x) ( 
int yl- Math.min (pl.y, p2.y); 
int y2- Math.max (pl.y, p2-y); 
boolean flag-true; 
for (int y=yl+ 1; yy2; yt *) ( 
if (mad pi.x]Ly] rot 
flag- false; 
break; 
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if (pl.y- -r2.y) { 
int xl-Math.min(pl.x, p2.x); 
int x2=Math.mex(pl.x, p2.x); 
boolean flag- true; 
for (int x= xl+ 1; x«32; xt *) { 
if (med x]Lpi.y] roi 
flag- false; 


retum false; 
) 
// 水 平 扫描 延伸 和 垂直 扫描 延伸 
private void expandX (Point p, List< Point> 1) ( 
l.clear(); 
for (int x-p.xtl; x< xCount; x++) { 
if (mei x][p.y] =0) { 
break; 
) 
1.add (new Point (x, p.y)); 
} 
for (int x-p.x- 1; »=0; x--) { 
if Ge x][p.y] rot 
break; 
) 
1.add (new Point (x, p.y)); 


private void expandy (Point p, List« Point» 1) { 

l.clear(); 
for (int y-p.y* 1; yc ycount; yt+) { 

if (med p.x]lLy] =0) { 

break; 

) 

Ladd (new Point (p.x, y)); 
} 
for (int y-p.y- ly y>=0; y- -) t 


if Gerd p.x]Ly] rot 
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j 
l.add(new Point (p.x, y)); 


3. 在 WelActivity. java 中 实现 以 下 功能 


/开始 游戏 ,提示 ,重新 排列 按钮 单 击 事件 
@ Override 
public void onClick (View v) { 


switch (v.getId()) { 
case R.id.play btn: 
Animation scaleOut= 
AnimationUtils.loadAnimation (this,R.anim.scale_anim out); 
Animation transIn= 
AnimationUtils.loadAnimation (this,R.anim.trans_in); 


btnPlay.startAnimation (scaleOut) ; 
btnPlay.setVisibi lity (View.GONE) ; 
imgfitle.setVisibility (View.GONE) ; 
gareView.setVisibility (View.VISIBIE) ; 


btnFefresh.setVisibi lity (View.VISIBLE) ; 
btnfip.setVisibility (View.VISIBIE) ; 
progress.setVisibility (View.VISIBLE) ; 
Clock.setVisibility (View.VISIBLE) ; 
textRefreshNun. setVi sibi lity (View.VISIBLE) ; 
text'TipNum.setVisibi lity (View. VISIBLE) ; 


btnRefresh.startAnimation (transIn) ; 
btnTip.startAnimation (transIn) ; 
ganeView.startAnimation (transIn) ; 
ganeView.startPlay(); 
break; 
case R.id.refresh btn: 
Animation shake0l- AnimationUtils.loadanimation (this,R.anim.shake) ; 
btnRefresh. startAnimation (shake01) ; 
geneView.refreshChange () ; 
break; 
case R.id.tip btn: 
Animation shake(2- AnimatiorUtils.loadanimation (this,R.anim.shake) ; 
btriip.startAnimation (shake02) ; 
gareView.autoClear () ; 
break; 


H 


// 倒 计时 更 新 进度 条 
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@ Override 
public void onTimer (int leftTime) { 
Iog.i ("onfimer", leftTimet ""); 
progress.setProgress (leftTime) ; 
H 
// 游 戏 状 态 改变 
@ Override 
public void OnStateChanged(int StateMode) { 
switch (StateMode) { 
case GameView.WIN: 
handler.sendEmptyMessage (0) ; 
break; 
case GameView.lOSE: 
handler.sendEmptyMessage (1) ; 
break; 
case GameView.PAUSE: 
gameView.stopTimer () ; 
break; 
case GameView.QUIT: 
gameView.stopTimer () ; 
break; 
) 
} 
// 删 新 剩余 次 数 、 提 示 剩 余 次 数 
@ Override 
public void onRefreshChanged(int count) { 
textRefreshNum.setText ("+ gamsView.getRefreshNum()) ; 
) 


@ Override 
public void onTipChanged(int count) { 
textTipNum.setText ("+ gameView.getTipnum()) ; 
) 
/AB th 
public void quit () ( 
this.finish(); 
} 


4. 设置 按钮 事件 


在 cn. chap4. link 包 下 增加 自 定义 对 话 框 MyDialog. java, 引 用 dialog. view. java 布 
局 文件 。 设 置 菜单 . 重 玩 本 关 和 下 一 关 按 钮 事件 。 代 码 如 下 : 


@ Override 
public void onClick(View v) { 
this.dismiss(); 
Switch(v.getId()) f 
case R.id.menu imgotn: 
Dialog dialog- new AlertDialog.Builder (context) 
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-setPositiveButton (R.string.alert dialog ok, 
new DialogInterface.OnClickListener() { 
public void onClick (DialogInterface dialog, int whichButton) { 
((WelActivity) context) .quit 07 
} 
H 
.setNegativeButton (R.string.alert dialog cancel, 
new DialogInterface.OnClickListener() ( 
public void onClick (DialogInterface dialog, int whichButton) { 


4.5 系统 运行 与 效果 测试 


系统 运行 与 效果 测试 如 图 4-28 一 图 4-32 所 示 。 
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4-28 系统 运行 与 效果 测试 1 
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图 4-30 系统 运行 与 效果 测试 3 
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图 4-31 系统 运行 与 效果 测试 4 





Weay 
= 人 me 
确定 退出 游戏 ? 


Ey 
sia lal sk ey pr el i i 
em pem pe pen eu pra ers pom mii 
prem pm pem pem em eem rem em m 
mM je m oen 





图 4-32 系统 运行 与 效果 测试 5 


4.6 本 章 小 结 


通过 本 章 项 目 练习 ,学 习 了 Android 的 图 片 控件 、 滑 块 控件 、 自 定义 View, 2 m A 
变 等 效果 ,连连 看 是 一 款 经 典 的 益 智 游戏 , 感 兴趣 的 朋友 可 以 在 此 基础 上 继续 扩展 ,创建 
更 好 玩 的 游戏 。 
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4.7 项 目 实践 


(1) 把 做 好 的 APP 安装 到 实验 用 手机 进行 测试 。 
(2) 练习 自 定义 控件 的 实现 。 

(3) 灵活 使 用 Shape 自 定义 控件 背景 。 

(4) 扩展 动画 效果 。 

(5) 理解 Android 中 的 Handler。 





EST 


本 章 的 工作 目标 如 下 : 

(1) 实现 QQ 登录 功能 。 

(2) 实现 QQ 好 友 列 表 功 能 。 
(3) 实现 QQ 聊天 功能 。 


5.1 项 目 分 析 


本 项 目的 学 习 和 操作 主要 关注 以 下 几 点 。 

(1) 掌握 RadioGroup 和 RadioButton, CheckBox, ProgressBar, ListView, Expandable- 
ListActivity 等 常用 控件 的 使 用 。 

(2) 在 QQ 登录 界面 中 , 单 击 下 拉 框 选择 QQ 账号 ,实现 登录 功能 。 

(3) 在 QQ 好友 界面 中 ,使 用 ListView 和 ExpandableListActivity 混合 布局 ,添加 单 
击 事件 。 

(4) 在 聊天 界面 中 ,模拟 QQ 聊天 。 

QQ 登录 界面 由 账号 、 密 码 、 登 录 按钮 等 常用 控件 组 成 ,账号 下 拉 选 择 使 用 List View 
控件 的 隐藏 于 显示 实现 , 单 击 登录 按钮 , 跳 转 到 QQ 好 友 列 表 界 面 ,好 友 列 表 由 List View 
和 ExpandableListActivity( 二 级 列表 ) 控 件 组 成 ,ExpandableListActivity 控件 显示 QQ 
好 友 分 组 及 每 组 中 的 好 友信 息 , 单 击 分 组 展开 组 中 的 好 友 , 单 击 好 友 跳 转 到 QQ 聊天 界 
面 ,在 聊天 界面 中 模拟 2 个 人 聊天 功能 ,把 聊天 信息 显示 在 界面 上 。 


5.2 项 目 界面 设计 
521 知识 准备 


1. RadioGroup 和 RadioButton 的 使 用 方法 


RadioGroup 和 RadioButton 的 关系 如 下 : 
(1) RadioButton 表示 单个 圆 形 单 选 框 ,而 RadioGroup 是 可 以 容纳 多 个 Radio- 
Button 的 容器 。 
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(2) 每 个 RadioGroup 中 的 RadioButton 同时 只 能 有 一 个 被 选中 。 

(3) 不 同 的 RadioGroup 中 的 RadioButton 互 不 相干 , 即 如 果 组 A 中 有 一 个 被 选中 
了 ,组 B 中 依然 可 以 有 一 个 被 选中 。 

OD 大 部 分 场合 下 ,一 个 RadioGroup 中 至 少 有 2 4 RadioButton, 

(5) 大 部 分 场合 下 ,一 个 RadioGroup 中 的 RadioButton 默认 会 有 一 个 被 选中 ,并 建 
议 用 户 将 它 放 在 RadioGroup 中 的 起 始 位 置 。 

XML 布局 代码 如 下 : 


« FadioGroup 
android:layout height- "wrap content" 
android:layout width= "fill parent" 
android:orientation- "horizontal" 
> 


< RadicButton 
android:id- "@ id/radicButtonl" 
android:layout width= "wrap oontent" 
android:layout height- "wrap content" 
android:text= "Jj " 
android:checked "true" 
> 


< RadioButton 
android:id= "@ + id/radicButton2" Ralf a 
android: layout width= "wrap content" 
android: layout height= "wrap content" 
android:text= "4r " /> 


< /FadioGroup» 
其 中 android: checked — "true" IR e jt pe rp n e 5-1 
所 示 。 
选中 项 变更 的 事件 监听 : OnCheckedChangeListener。 
代码 如 下 : 图 5-1 选中 选项 


// 处 理 单 选 按钮 是 否 选中 事件 
OnCheckedChangeListener listener new OnCheckedthangeListener () { 
pee 
* 第 一 个 参数 :当前 选中 的 按钮 
* 第 二 个 参数 :是 否 被 选中 
# 
@ Override 
public void onCheckedChanged (CarpoundButton buttorView, boolean 
ischecked) ( 
// 把 组 件 按钮 强制 转换 成 当前 单 击 的 单 选 按钮 


RadicButtcn rb- (RadicButton) buttonView; 




















if(rb.ischecked()) { 
Toast.makeText (MainActivity.this, rb.getText ()+ "HEP", 1) .show(); 
} 


BB 
效果 如 图 5-2 所 示 。 
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图 5-2 单 选 按钮 效果 图 


2. CheckBox 的 使 用 方法 


CheckBox 和 Button 一 样 ,也 是 一 种 古老 的 控件 。 它 的 优点 在 于 ,不 需 用 户 填写 具体 
信息 ,只 需 轻 轻 单 击 。 缺 点 在 于 只 有 “是 ”和 “ 否 ” 两 种 情况 。 我 们 往往 就 是 利用 它 的 这 个 
特性 获取 用 户 的 一 些 信息 。 

XML 布局 代码 如 下 : 

< CheckBox 

android:id- "@ id/checkBoxl" 
android:laycut width- "wrap content" 
android:laycut height= "wrap content" 
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android:laycut width= "wrap content" 
android:layout height- "wrap content" 
android:layout alignleft- "8 + id/checkBoxl" 
android:layout below- "@ id/checkBoxl" 
android:laycut marginTop= "22dp" 
android:text- "FJ BR" /> 


< CheckBox 
android:id- "@ + id/checkBcsG" 
android: layout width= "wrap content" 
android: layout_height= "wrap content" 
android: 1ayout_alignRight="@ + id/checkBax2" 
android: layout below- "@ + id/checkBox2" 
android: layout_marginTop= "27dp" 
android:text- "唱歌 " /> 


布局 如 图 5-3 所 示 。 





图 5-3 复 选 框 布局 图 


用 户 触摸 它 的 改变 将 会 触发 OnCheckedChange 事件 ,而 用 户 可 以 对 应 地 使 用 
OnCheckedChangeListener 监听 器 监听 这 个 事件 。 
单 击 事件 代码 如 下 : 


OnCheckedChangeListener listener- new OnCheckedchangeListener() { 


@ Override 
public void onCheckedChanged (CampoundButton buttonView, boolean 
isChecked) { 
// 强 制 转换 成 复 选 框 
CheckBox do- (CheckBox) buttonView; 
if (isChecked) 
Toast makeText MainActivity.this, cb.getText ()+ "i MF ..", 0) .show(); 
else 
Toast makeText MainActivity.this, co.getText "kr .", 0) -show(); 

















效果 如 图 5-4 所 示 。 
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图 5-4 复 选 框 效 果 图 


3. ProgressBar 的 使 用 方法 


在 某 些 操作 的 进度 中 的 可 视 指 示 器 ,为 用 户 呈 现 操 作 的 进度 , 它 还 有 一 个 次 要 的 进度 
条 ,用 来 显示 中 间 进 度 , 如 在 流 媒 体 播放 的 缓冲 区 的 进度 。 一 个 进度 条 也 可 不 确定 其 进 
度 。 在 不 确定 模式 下 ,进度 条 显示 循环 动画 。 这 种 模式 常用 于 应 用 程序 使 用 未 知 的 任务 
长 度 的 情况 。 

(1) 重要 属性 

(D android:progressBarStyle: 默认 进度 条 样式 。 

(2) android:progressBarStyleHorizontal: 水 平 样式 。 

(2) 重要 方法 

(D getMaxO ; 返回 这 个 进度 条 的 范围 的 上 限 。 

© getProgressO ; 返回 进度 。 

(3 getSecondaryProgressO : 返回 次 要 进度 。 

(D incrementProgressBy(int diff) : 指定 增加 的 进度 。 

© isIndeterminateO : 指示 进度 条 是 否 在 不 确定 模式 下 。 

setIndeterminate(boolean indeterminate) : 设置 在 不 确定 模式 下 。 

© setVisibility(int vi, 设置 该 进度 条 是 否 可 视 。 

(3) 重要 事件 

onSizeChanged(int w., int h, int oldw. int oldh) ; 当 进 度 值 改变 时 引发 此 事件 。 

XML 代码 如 下 : 
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< ProgressBar 
android:id="@ + id/progressBarl" 
style= "?android:attr/progressBarStylelarge" 
android:layout_width="wrap_content" 
android:laycut height= "wrap content" 
android:layout alignParentleft- "true" 
android:laycut alignParentTcp- "true" 
android:laycut margirieft- "24dp" 
android:layout marginTop= "20dp" /> 


« ProgressBar 
android:id- "@ + id/progressBar?" 
android:layout width= "wrap content" 
android:laycut height= "wrap content" 
android:layout alignleft- "@ + id/progressBarl" 
android:layout below- "6 + id/progressBarl" 
android:layout marginTop= "24dp" /> 

< l- — android:max- "100" 进度 值 ,默认 100- -> 

< ProgressBar 
android:id= "@ + id/progressBar3" 
style= "?android:attr/progressBarStyleHorizontal" 
android:layout_width= "200dp" 
android:layout. beight- "wrap content" 
android:layout alignleft- "@ + id/progressBar2" 
android:layout centerVertical- "true" 
android:max- "100"/> 


进度 条 布局 如 图 5-5 所 示 。 








图 5-5 进度 条 效果 图 1 


代码 如 下 : 

int count- 0; 

public void clickMe (View view) { 
count+ = 10; 

















/ 几 1 获取 进度 条 
ProgressBar pb= (ProgressBar) findViewById(R.id.progressBar3); 
//2. 设 置 进 度 值 
pb.setProgress (count) ; 
//3. 设 置 第 二 进度 条 
pb.setSecondaryProgress (count+ 8) 7 
} 


效果 如 图 5-6 所 示 。 


[CE tee 





[CN «C» A 
b Y S 
[wl 5 NO.) 


Peas perme cm 
a fw fe [e | jv fu fr | rm 
ela x le lv la ly hn le |l 
kisua | = 殉国 区 





图 5-6 进度 条 效果 图 2 


当 用 户 单 击 “ 点 我 "按钮 时 ,是 想 让 进度 条 持续 不 断 地 更 新 ,这 是 一 长 耗 时 的 操作 ,处 
理 不 好 会 导致 系统 假死 ,用 户 体验 很 差 。 而 Android 则 更 进一步 ,如 果 任 意 一 个 Acitivity 
5 秒 以 上 没有 响应 ,就 会 被 强制 关闭 ,因此 需要 另外 启动 一 个 线程 处 理 长 耗 时 的 操作 ,而 
主线 程 则 不 受 其 影响 ,在 耗 时 操作 完结 后 发 送 消息 给 主线 程 ,主线 程 再 做 相应 处 理 。 线 程 
之 间 的 消息 传递 和 异步 处 理 用 的 就 是 Handler。 

Thread 线程 发 出 Handler 消息 ,通知 更 新 UI, Handler 根据 接收 的 消息 ,人 处理 UI 
更 新 。 此 时 ,我 们 可 以 使 用 Handler 实现 单 击 “ 点 我 "按钮 ,让 进度 条 持续 不 断 地 更 新 。 

代码 如 下 : 

public void go (View view) { 


/启动 线程 


new Thread (runnable) «start (); 


// 消 息 机 制 ,更 新 主 界面 
Handler handler= new Handler () ( 


// 接 收 消息 ,更 新 界面 
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@ Override 

public void handleMessage (Message msg) { 
//2. 设 置 进度 
pb.setProgress (count) ; 


iH 


// 创 建 一 个 线程 处 理 业务 逻辑 
Runnable runneble= new Runnable() { 


@ Override 
public void run() { 
while (count< 100) ( 


countt = 10; 
// 发 送 消息 


Threed.sleep(500) ; 

} catch (InterruptedException e) { 
e.printStackTrace(); 

} 


k 


4. Spinner 的 基本 用 法 


Spinner 是 一 个 列表 选择 框 ,在 用 户 选 择 后 ,会 展示 一 个 列表 供用 户 进行 选择 。 
Spinner 是 ViewGroup 的 间接 子 类 , 它 和 其 他 的 Android 控件 一 样 ,数据 需要 使 用 
Adapter 进行 封装 。 
Spinner 的 常用 XML 属性 如 下 。 
* android:spinnerMode; 列表 显示 的 模式 ,有 两 个 选择 ,为 弹出 列表 (dialog) 以 及 下 
拉 列 表 (dropdown) ,如 果 不 特别 设置 ,为 下 拉 列 表 。 

* android:entries: 使 用 资源 配置 数据 源 。 

。 android:prompt: 对 当前 下 拉 列 表 设置 标题 , 仅 在 dialog 模式 下 有 效 。 传 递 一 个 
@string/name 资源 ,需要 在 资源 文件 中 定义 。 

Spinner 支持 的 常用 事件 有 以 下 几 个 。 

。 AdapterView. OnItemClickListener: 列表 项 被 单 击 时 触发 。 

* AdapterView. OnItemLongClickListener: 列表 项 被 长 按时 触发 。 

e AdapterView. OnItemSelectedListener: 列表 项 被 选择 时 触发 。 

因为 适配器 可 以 设置 各 种 不 同 的 样式 ,有 选择 . 单 选 . 多 选 , 所 以 OnItemClickListener 
和 OnItemSelectedListener 适用 于 不 同 的 场景 。 

(1) Spinner 的 数据 绑 定 

对 于 Spinner 展示 的 数据 源 , 一 般 使 用 两 种 方式 设 定数 据 : 通过 XML 资源 文件 设 




















置 ,这 种 方式 比较 死板 ,也 比较 直观 ; OE Adapter 接口 设置 ,这 是 最 常见 的 方式 , 动 
态 、 灵 活 , 可 以 设 定 各 种 样式 以 及 数据 来 源 。 
通过 XML 资源 文件 设置 Spinner 数据 的 方式 ,首先 需要 在 /res/values 目录 下 新 建 
XML 格式 的 资源 文件 ,一 般 会 使 用 strings. xml。 在 其 中 定义 标签 .通过 标签 设置 选择 数据 。 
XML 代码 如 下 : 


< string- array name= "users"> 
«item» ik K< /iter> 
<item H /iten> 
<item Z< /iten> 
< iter 曹操 < /iten> 
<item 司马 元 < /item> 
< /string- array» 


通过 适配器 Adapter 可 以 设 定 比较 复杂 的 展示 效果 ,一 般 项 目 中 比较 常用 的 也 是 这 
种 方式 。 但 是 如 果 对 于 动态 的 、 简 单 的 数据 ,可 以 使 用 Array Adapter 对 象 设置 适配器 。 
Java 代码 如 下 : 


// 创 建 数据 适配器 ,设置 数据 和 样式 
// 第 一 个 参数 :上 下 文 应 用 
/第 二 个 参数 :文本 数组 的 ia 
/第 三 个 参数 :下 拉 框 的 样式 
ArrayAdapter adapter- ArrayAdapter .createFrarResouroe (this, 
R.array.users, android.R.layout.simple spinner item); 
// 设 置 下 拉 时 每 个 选项 的 样式 


adapter.setDropDownViewResouroe (android.R.layout.simple spinner dropdown item); 
UL xit 

Spinner spinner= (Spinner) findViewById(R.id.spinnerl); 

spinner .setAdapter (adapter) ; 

spinner.setPrampt ("三 国人 物 "); 

// 哪 定 监听 器 

Spinner.setOnItemSelectedListener (listener); 


// 选 中 某 个 选项 的 监听 器 
OnItemSelectedListener listener- new OnItemSelectedListener() ( 

// 第 一 个 参数 :spinner 控 件 

/第 二 个 参数 :每 个 选项 控件 

// 第 三 个 参数 :选中 选项 的 位 置 

// 第 四 个 参数 :组件 ia 

@ Override 

public void onTtemSelected AdapterView< ?> parent, View view, 

int position, long id) ( 

String user- parent .getTtemAtPositicn (position) .toString(); 
Toast makeText MainActivity.this, user, 0) .show(); 


@ Override 








public void onNothingSelected (AdapterView< ?> parent) { 


H 
D 


效果 如 图 5-7 所 示 。 
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图 5-7 下 拉 框 效果 图 


(2) SimpleAdapter 配置 Spinner 数据 

对 于 一 个 稍 复 杂 的 数据 的 展示 , ArrayAdapter 是 无 法 满足 需求 的 ,下面 介绍 
SimpleAdapter, 它 同样 继承 自 Adapter, 

SimpleAdapter 是 一 个 简单 的 适配器 ,映射 静态 的 XML 格式 的 布局 文件 到 视图 中 。 
可 以 指定 一 个 List Map- P. T7 — Hf 3i . List 中 的 每 一 条 数据 对 应 一 行 ,而 Map 
中 的 每 一 条 数据 对 应 数据 行 的 一 列 。 这 个 数据 用 来 映射 到 XML 定义 的 布局 控件 中 ,对 
应 关系 通过 构造 函数 的 另外 两 个 参数 指定 ,下 面 介 绍 一 下 SimpleAdapter 的 构造 函数 。 

SimpleAdapter (Context context, List« ? extends Map< String, ?> > data, int resource, String[] fram, int[] 

to) 

构造 函数 的 含义 如 下 。 

* context; 上 下 文 对 象 ,一般 就 是 当前 的 Activity. 

* data: 上 面 介 绍 的 List Map- S. T7 72578 f Er. 
resource: XML 资源 的 ID ,通过 R 对 象 选 中 。 
* from; 一 个 String 类 型 数组 ,每 条 数据 对 应 data 数据 中 ,Map 结构 定义 的 Key. 
to; 一 个 int 类 型 数组 ,对 应 XML 资源 中 控件 的 ID ,注意 顺序 必须 与 from 中 指定 
数据 的 顺序 一 致 
下 面 通过 一 个 示例 讲解 一 下 SimpleAdapter 是 如 何 设置 自 定义 格式 数据 的 。 
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布局 代码 如 下 : 


< Spinner 
android:id- "@ + ia/apinnerln 
android:layout width= "wrap content" 
android:laycut height= "wrap content" 
android:layout alignParentleft- "true" 
android:layout alignParentTop- "true" 
android:laycut margiriLeft- "24dp" 
android:layout marginTop- "24dp" /> 


XML 布局 资源 代码 如 下 : 


< ?ml. version- "1.0" encoding- "utf- 8"2» 
< Linearlayout xmlns:android "http: //schamas .android.can/apk/res/android" 
ardroid:layout width- "match parent" 
android: layout height- "match parent" 
android:arientation= "horizontal"> 


< TextView 
android:id="@ + id/tv" 
android:laycut width "200dp" 
android:layout height- "wrap content" 
android:text- "TextView" 
android:textSize- "20sp" 
android:background- "4 ffff00" 
android:layout margiriTop- "Sdp"/> 


< CheckBox 
android:id- "@ + id/checkBoxl" 
android:layout_width= "wrap ocntent" 
android:laycut height- "wrap content" 
android:text- "修改 " /> 


< /LinearLayout> 
Java 代码 如 下 : 


//1L. 新 建 数据 
List< String» data= new ArrayList< String> (); 
data.add ("HE = jen); 
data.add ("EE "); 
data.add ("A JR ") ; 
data.acd ("Ub fi") ; 
data.acd (GREE); 
//2. 适 配器 ,匹配 数据 
//paraml: 上 下 文 应 用 
//paran?2: 每 个 选项 的 资源 文件 
/[paranB:textview DÉI id 
Atert 
AcrayAdapter< String» adapter= new AnmayAdepter< String> (this, R.layout.iten, 








R.id.tv, data); 

//3. 控 件 连接 数据 
Spinner spinner= (Spinner) findViewById (R.id.spinnerl); 
spinner .setAdapter (adapter) ; 
spinner.setPrampt ("西游 记 人 物 "); 

效果 如 图 5-8 所 示 。 
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图 5-8 下 拉 框 1 效果 图 


5. ListView 的 使 用 方法 


(D ListView 概述 
ListView 是 Android 软件 开发 中 非常 重要 的 组 件 之 一 ,可 以 绘制 出 漂亮 的 列表 。 
一 个 ListView 通常 有 两 个 职责 : 将 数据 填充 到 布局 ; @ 处 理 用户 的 选择 单 击 等 
操作 。 
一 个 ListView 的 创建 需要 三 个 元 素 : ListView 中 每 一 列 的 Views OHA View 
的 数据 或 者 图 片 等 ; 加 连接 数据 与 ListView 的 适配器 。 

也 就 是 说 ,要 使 用 ListView, 首 先 要 了 解 什么 是 适配器 。 适 配器 是 一 个 连接 数据 和 
AdapterView(ListView 就 是 一 个 典型 的 AdapterView) 的 桥梁 ,通过 它 能 有 效 地 实现 数 
据 与 AdapterView 的 分 离 设 置 ,使 AdapterView 与 数据 的 绑 定 更 加 简便 ,修改 更 加 方便 。 

Android 中 提供 了 很 多 的 Adapter, 表 5-1 列 出 了 常用 的 几 个 。 


Asa 常用 适配器 


Adapter * X 
ArrayAdapter<T> 用 来 绑 定 一 个 数组 ,支持 泛 型 操作 
SimpleAdapter 用 来 绑 定 在 XML 中 定义 的 控件 对 应 的 数据 



































SimpleCursorAdapter 用 来 绑 定 游标 得 到 的 数据 
BaseAdapter 通用 的 基础 适配器 











适配器 还 有 很 多 ,要 注意 的 是 ,各 种 Adapter 转换 的 方式 和 能 力 不 一 样 。 用 
ArrayAdapter 可 以 实现 简单 的 ListView 的 数据 绑 定 。 默 认 情 况 下 ,ArrayAdapter 绑 定 
每 个 对 象 的 toString 值 到 layout 中 预先 定义 的 TextView 控件 上 。ArrayAdapter 的 使 
用 非常 简单 。 

CD 在 布局 文件 中 加 入 一 个 ListView 控件 。 


< ListView 
android:id= "@ + id/listViewl" 
android: layout_width= "match parent" 
android: layout height- "wrap_content" 
android: layout_alignParentLeft= "true" 
android: layout_alignParentTop= "true"> 
< /ListView> 


C 添加 一 个 子 项 布局 文件 item. xml, 


< ?nl version- "1.0" encoding- "utf- 8"2> 

< Linearlayout xmins:android- "http: //schemas android.can/apk/res/android”" 
android:layout width- "match parent" 
android:layout height- "match parent" 
android:orientation- "vertical"> 


< TextView 
android:id- "@ + id/tv" 
android: layout_width= "fill parent" 
android: 1ayout_height= "50dp" 
android: text= "TextView" 
android:textSize- "30sp" 
android:background= "# ££££00"/> 


< /LinearLayout> 
© 在 Activity 中 初始 化 。 


protected void onCreate (Bundle savedInstanceState) ( 
super .onCreate (savedInstanosState) ; 
setContentView(R.layout.activity main); 
// 创 建 list 
ArrayList< String» data- new ArrayList< String» (); 
cata.ac ("if BH 45 ") ; 
cata.add ("95 A"); 
data.adi ("FF 4E 5 ") ; 
data.acd ("i 4r 45 ") ; 
data.acd ("LEH"); 
// 适 配器 
ArrayAdapter< String> adapter= new ArrayAdapter< String> (this, 
R.layout.item, R.id.tv, data); 








is M MM EM d [E55 WATANWITRAR FON 


// 控 件 绑 定 适配器 
ListView listView- (ListView) findViewById(R.id.1listViewl); 
listView.setAcapter (adapter) ; 
/ [B XE M Wr i 
listView.setOnItenclickListener (listener); 
} 


OnItenClickListener listener- new OnItenClickListener() { 


@ Override 
public void onTtanClick (AdapterView< ?> parent, View view, 
int position, long id) { 
String s- parent.getTtanAtPosition (position) .toString(); 
Toast.makeText (MainActivity.this, s, 0) .show() ; 


Ir 

使 用 的 步骤 分 析 如 下 : 

(D 定义 一 个 数组 存放 ListView 中 item HAF. 

© 通过 实现 Array Adapter 的 构造 函数 创建 一 个 Array Adapter 的 对 象 。 
© 通过 ListView 的 setAdapterO 7r i ZB 4E ArrayAdapter。 

效果 如 图 5-9 所 示 。 
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图 5-9 listviewl 数据 绑 定 效果 图 
(2) ListView 使 用 SimpleAdapter 


很 多 时 候 需 要 在 列表 中 展示 的 不 仅仅 是 文字 ,有 了 时 还 需 展示 图 片 等 ,使 用 
SimpleAdapter 就 可 实现 。SimpleAdapter 的 使 用 也 非常 简单 ,功能 也 非常 强大 ,可 以 自 
定义 ListView 中 的 item 的 内 容 , 比 如 图 片 、 多 选 框 等 。 
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CD 在 布局 文件 中 增加 一 个 ListView 控件 ,与 上 个 程序 一 样 ,然后 增加 一 个 子 项 布局 
文件 item. xml。 


< TextView 
android:id= "@ + id/tv id" 
android: Jayout_width= "50dp" 
android:laycut height= "wrap content" 


android:id= "@ + id/tv name" 
ardroid:layout width- "100dp" 
android: layout height "wrap content" 
android:text= "TextView" 


android:id- "@ + id/tv sex" 
android:layout width- "fill parent" 
ardroid:laycut height- "wrap content" 
android:text= "TextView" 
android:gravity= "right" 
android:textSize= "20sp"/> 


@ 在 Activity 中 初始 化 。 


protected void onCreate (Bundle savedInstanoeState) { 
super .onCreate (savedInstanceState) ; 
setContent View (R. layout activity main); 
NBR 
List< Map< String, String> > data= new ArrayList< Map< String, String> > (); 
/人 第 一 行 
ER< String, String» linel= new HashMap< String, String> (); 
linel.put("sid", "100"); 
linel.put ("sname", "E/)—"); 
linel.put ("sex", "Bn: 
/第 一 行 
Map< String, String» line?= new HashMap< String, String> (); 
line2.put ("sid", "110"); 
line2.put ("sname", "JK K"); 
Line2.put ("sex", "fj "); 
/第 一 行 
Map< String, String> line} new HashMap< String, String> (); 
line3.put ("sid", "120"); 
line3.put ("sreme", "赵云 "); 
Line3.put ("sex", "f "); 


data.acd(linel); 








/证 配器 

SimpleAdapter adapter= new SimpleAdapter (this, data, R.laycut.item, new String[] (" sid", " sname"," 
sex"), new int[](R.id.tv id,R.id.tv neme,R.id.tv sex]); 

ListView listView- (ListView) fincViewById (R.id.listViewl); 

listView.setAdapter (adapter) ; 

ListView.setOnItarClickListener (listener); 


OnItenClickListener listener- new OnItenClickListener() { 


@ Override 
Piblic void nItenClick AdgterView ?> parent, View view, int position, long 
id) { 
Map line- (Map) parent.getItemAtPosition (position); 
String sid- line.get ("sid") .toString(); 
String sname- line.get ("sname") .toString() ; 
String sex- line.get ("sex") .toString(); 
Toast.makeText (MainActivity.this, sidt "-->"+ snamet "- - "+ sex, 0) .show(); 


k 


使 用 SimpleAdapter 的 数据 一 般 都 是 用 HashMap 构成 的 列表 ,列表 的 每 一 节 对 应 
ListView 的 每 一 行 。 通 过 SimpleAdapter 的 构造 函数 ,将 HashMap 的 每 个 键 的 数据 映 
射 到 布局 文件 中 对 应 控件 上 。 这 个 布局 文件 一 般 根据 自己 的 需要 自己 定义 。 梳 理 一 下 使 
用 SimpleAdapter 的 步骤 。 

(D 根据 需要 定义 ListView 每 行 所 实现 的 布局 。 

Q) 定义 一 个 HashMap 构成 的 列表 ,将 数据 以 键 值 对 的 方式 存放 在 里 面 。 

© 构造 SimpleAdapter WR. 

CD 将 LsitView 绑 定 到 SimpleAdapter E. 

效果 如 图 5-10 所 示 。 

(3) ListView 使 用 BaseAdapter 

在 List View 的 使 用 中 ,有 时 还 需要 在 里 面 加 入 按钮 等 控件 ,实现 单独 的 操作 。 也 就 
是 说 ,这 个 ListView 不 再 只 是 展示 数据 ,也 不 仅仅 是 这 一 行 要 处 理 用 户 的 操作 ,而 是 里 面 
的 控件 要 获得 用 户 的 焦点 。 读 者 可 以 试 试用 SimpleAdapter 添加 一 个 按钮 到 ListView 
的 条 目 中 ,会 发 现 可 以 添加 ,但 是 却 无 法 获得 焦点 , 单 击 操作 被 ListView 的 Item 所 覆盖 。 
这 时 最 方便 的 方法 就 是 使 用 灵活 的 适配器 BaseAdapter。 

使 用 BaseAdapter 必须 写 一 个 类 继承 它 . 同 时 BaseAdapter 是 一 个 抽象 类 ,继承 它 必 
须 实 现 它 的 方法 。BaseAdapter 的 灵活 性 就 在 于 它 要 重 写 很 多 方法 ,如 图 5-11 所 示 为 继 
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图 5-10 lsitview2 数据 绑 定 效果 图 


承 自 BaseAdapter 的 Speech-ListAdapter 所 实现 的 方 
法 ,其 中 最 重要 的 即 为 getView() 方 法 。 这 些 方法 都 
有 什么 作用 呢 ? 我 们 通过 分 析 ListView 的 原理 为 读 
者 解答 。 

当 系 统 开始 绘制 ListView D. 首先 调用 
getCount() 方 法 ,得 到 它 的 返回 值 , 即 ListView 的 长 


度 。 然 后 系统 调用 getView() 方 法 ,根据 这 个 长 度 逐 一 





@ SpeechUstAdapter 
@ © SpeechListAdapter(Context) 
e. getCount0 : int 
e. getltem(nt) : Object 
© a getltemid(int) : long 
© ~ getViewünt, View, ViewGroup) : View 


图 5-11 BaseAdapter 中 的 方法 





绘制 ListView 的 每 一 行 。 如 果 让 


getCount() 返 回 1 ,那么 只 显示 一 行 。 而 getItem() 和 getItemId() 则 在 需要 处 理 和 取得 


Adapter 中 的 数据 时 调用 。 


布局 文件 和 上 一 例 类 同 , 读 者 可 以 在 光盘 的 工程 目录 中 查看 ,这 里 只 给 出 


Activity JE, 


fe 
* 数据 匹配 视图 的 方法 
* parenl :数据 索引 号 ,从 0 开始 
* param?: 一 行 控件 视图 
*/ 
@ Override 


public View getView(int position, View convertView, ViewGroup parent) { 


// 获 取 视 图 
View view inflater.inflate(R.layout.item, null); 
// 分 别 获 取 视 图 中 的 三 个 控件 


TextView tv id- (TextView) view.findViewById(R.id.tv id); 
TextView tv name (TextView) view.findViewById(R.id.tv meme); 
TextView tv sex- (TextView) view.findViesById(R.id.tv sex); 


// 设 置 数据 
Person person= persons.get (position); 
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tv id.setText (person.getId()* mz 
tv name.setText (perscn.getName () ; 
ty sex.setText (person.getSex ()) ; 


retum view; 


) 
效果 如 图 5-12 所 示 。 
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图 5-12 listview4 数据 绑 定 效果 图 


有 时 需要 修改 已 经 生成 的 列表 ,添加 或 者 修改 数据 ,notifyDataSetChanged() 可 以 在 
修改 适配器 绑 定 的 数组 后 ,不 用 重新 刷新 Activity, 通 知 Activity 更 新 ListView。 
Java 代码 如 下 : 


// 滚 动 监听 器 
OnScrollListener listener= new OnScrollListener() { 
/在 滚动 过 程 中 ,状态 改变 
// 第 二 个 参数 :状态 
@ Override 
public void onScrollStateChanged (AbsListView view, int scrollState) { 
switch (scrollState) { 
// 当 前 滚动 状态 为 静止 状态 
case OnScrolllistener.SCFOLL STATE IDLE: 
/ Df B. listview 中 最 后 一 个 用 户 可 见 的 条 目 内 容 等 于 listview 适 配器 中 最 后 一 
个 条 目的 内 容 
/获取 listview 中 最 后 一 个 用 户 可 见 的 条 目的 位 置 
int position- view.getlastVisiblePosition(); 
System.out .printIn ("fit E — TH WS H ff fr E :"+ position); 
// 获 取 适 配器 条 目 个 数 
int totalOount- adapter.getCount () ; 
System.out.printin("istview 中 条 目 个 数 : "+ totalcount) ; 




















if(position-- (totalCcunt- 1)) ( 
LRR PA PE ii M zh E F Dy 
for (int i--10; i<0; i++) ( 
data.add(i+ ™); 


} 
// 通 知 适配器 ,数据 已 改变 
adapter .noti fyDataSetChanged () ; 
H 
break; 
default: 
break; 
) 
} 


@ Override 
public void onScroll (AbsListView view, int firstVisibleTtem, 
int visibleItemCount, int totalltemCount) { 
//TOD Auto- generated method stub 


k 
效果 如 图 5-13 所 示 。 
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图 5-13 list View 加 载 数据 效果 图 
6. DatePicker 和 DatePickerDialog 的 使 用 方法 


DatePicker 继承 FrameLayout 类 。 

日 期 选择 控件 的 主要 功能 是 向 用 户 提 供 包 含 年 .月 日 的 日 期 数据 并 允许 用 户 对 其 修 
改 。 如 果 要 捕获 用 户 修改 日 期 选择 控件 的 数据 事件 响应 ,需要 为 DatePicker 添加 一 个 
OnDateChangedListener 监听 器 。 








重要 方法 如 下 。 

。 getDayOfMonth(): 获取 当前 Day。 

* getMonthO ; 获取 当前 月 (注意 : 返回 数值 为 0. 11 ,需要 自己 十 1 显示 )。 

* getYearO : 获取 当前 年 。 

* updateDate(int year. int monthOfYear, int dayOfMonth) : 更 新 日 。 

* init(int year. int monthOfYear, int dayOfMonth, DatePicker, OnDateChanged- 
Listener onDateChangedListener) 。 

参数 如 下 。 

。 year: 初始 年 。 

* monthOfYear: 初始 月 。 

* dayOfMonth: 初始 日 。 

* onDateChangedListener: 日 期 改变 时 通知 用 户 的 事件 监听 ,可 以 为 空 Cnull) 。 

Java 代码 如 下 : 


@ SuppressWarnings ("deprecation") 
public void showDate (View view) { 
// 弹 出 对 话 框 
showDialog(1); 


/ 几 . 日 期 设置 监听 器 
OnDateSetListener listener- new OnDateSetListener() { 


@ Override 
public void onDateSet (DatePicker view, int year, int monthOfYear, 
int dayOfMonth) { 
System.out.println (year+ "- -> "+ (mnthOfYeart 1)+ "- - > "+ dayOfMonth) ; 
} 
Dy 
//2. 设 置 弹 出 对 话 框 
protected android.app.Dialog onCreateDialog(int id) { 
switch (id) ( 
case 1: 
/获取 当前 日 期 
Calendar c= Calendar.getInstance()7 
int year- c.get (Calendar. YEAR) ; 
int month c.get (Calendar.MUNTH) ; 
int day= c.get (Calendar.DAY OF MONTH); 


return new DatePickerDialog(this, listener, year, month, day); 
default: 


return nill; 

















效果 如 图 5-14 所 示 。 





图 5554:androld4.2 [e] m [95] 





low le [e [v |v ]u-| Jo |» | 
[a [s |» |e Je la | 





图 5-14 日 期 组 件 效果 图 


7. AutoCompleteTextView 的 使 用 方法 


在 Android 中 提供 了 智能 输入 框 AutoCompleteTextView。 显 示 效 果 像 Google 搜 
索 一 样 , 当 用 户 在 搜索 框 里 输入 一 些 字符 时 (至 少 两 个 字符 ) ,会 自动 弹出 一 个 下 拉 框 提示 
类 似 的 结果 。 

AutoCompleteTextView 常用 属性 。 

* completionHint; 设置 出 现在 下 拉 菜 单 中 的 提示 标题 。 

。 completionThreshold: 设置 用 户 至 少 输入 多 少 个 字符 才 会 显示 提示 。 
dropDownHorizontalOffset: 下 拉 菜 单 于 文本 框 之 间 的 水 平 偏 移 ,默认 与 文本 框 
左 对 齐 。 
dropDownHeight: 下 拉 菜 单 的 高 度 。 
dropDownWidth: 下 拉 菜 单 的 宽度 。 
singleLine: 单行 显示 。 

。 dropDownVerticalOffset: 垂直 偏 移 量 。 

重要 方法 如 下 。 

* clearListSelectionO : 清除 选中 的 列表 项 。 

* dismissDropDown(): 如 果 存 在 关闭 下 拉 菜 单 。 

* getAdapterO ; 获取 适配器 。 

XML 代码 如 下 : 

(1) 布局 文件 中 设置 AutoCompleteTextView 控件 。 








< AutoCampleteTextView 
android:id- "@ + id/autoCampleteTextViewl" 
android:laycut width= "wrap content" 
android:laycut height= "wrap content" 
android:layout alignParentleft- "true" 
android:layout alignParentTop- "true" 
android:ems- "10" 
android:textSize- "20sp"> 


< reguestFocus /> 
< /autoCoampleterTextView> 
(2) 设置 子 项 布局 文件 item. xml。 


< ?anl version- "1.0" encoding- "utf- 8"2» 


< Linearlayout xmlns:arcroid- "http: //schemas.arciroid.can/apk/res/android" 


android:layout width- "match parent" 
android:layout height- "match parent" 
android:orientation- "vertical"> 


< TextView 
android:id- "@ + id/tv" 
android:layout width= "fill parent" 
android: layout_height= "50dp" 
android:text= "TextView" 
android:textSize= "20sp"/> 


< /linearLayout> 
Java 代码 如 下 : 


@ Override 
protected void onCreate (Bundle savedInstanoeState) { 

super .anCreate (savedInstanceState) ; 
setContentView (R. layout activity main); 
//1L. 数 据 
List< String> data= new ArrayList« String» (); 
data.acd ("tom"); 
data.add ("jack") ; 
data.add ("jerry"); 
data.add ("jeep") ; 
//2. 适 配器 


ArrayAdapter< String» adapter= new ArrayAdapter< String» (this, R.layout.item, R.id.tv, data); 


//3. 设 置 适 配器 


AutoCampletelextView textView = — ( AutoCampleteTextView ) 


autoCampleteTextViewl) ; 
textView.setAdapter (adapter) ; 


} 
效果 如 图 5-15 所 示 。 


finWiewByld (R. 
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图 5-15 自动 提示 框 效 果 图 


8. ExpandableListView 的 使 用 方法 


ExpandableListView 用 于 显示 组 列表 ,显示 效果 如 图 5-16 所 示 。 


‘expandablelist 


© group2 


child2 





图 5-16 expandablelistview 显示 效果 图 
组 列表 和 列表 在 原理 上 是 相似 的 ,实现 组 列表 的 主要 步骤 有 : @ 先 建 一 个 继承 于 
ExpandableListActivity 的 Activity; @ 有 三 个 XML 布局 文件 ,main. xml 中 有 一 个 Expand- 
ableListView ,代码 如 下 。 


(1) Activity 布局 文件 : activity main. xml. 


< Felativelaycut smins:android- "http: //schemas .android.can/apk/res/android" 
xmlns:tools= "http: //schanas .android.cam/tools" 
android:layout width= "match parent" 
android:layout height= "match parent" 
android:paddingBottan= "6 dimen/activity vertical margin" 





[第 5 章 即 天 工具 的 设计 及 开发 ] 








android:paddingleft= "6 dimen/activity horizontal margin" 
android:peddingRight- "6 dimen/activity horizontal margin" 
android:peddingTop- "6 dimen/activity vertical margin" 
tools:context- ".MainActivity"> 


< ExparceblelástView 
android:id="@ + id/expandableListViewl" 


< /Felativelayout» 
(2) 组 项 布局 文件 : group. xml, 


< 2ml versione "1.0" encoding- "uté- 8"2» 
< Linearlayout xmlns:android= "http: //schemas .android.can/apk/res/android" 
android:layout width- "match parent" 
android:layout height- "match parent" 
android:orientation= "vertical"> 


< TextView 
android:id- "@ + id/tv group" 
android: layout width- "wrap ocntent" 
android:laycut beight- "wrap content" 
android:text- "TextView" 
android:pacdingLeft- "308p" 
android:textSize- "20sp" /> 


< /LinearLayout> 
(3) 子 项 布局 文件 : child. xml, 


< ?uml version "1.0" encoding- "utf- 8"2> 

< LinearLayout xmlns:android- "http: //scheras.android.con/apk/res/ardroid" 
android:layout width- "match parent" 
android:laycut height= "match parent" 
android:orientation- "vertical" 


<TextView 
android:id= "@ + id/tv child" 
android: layout_width= "wrap content" 
android:layout height- "wrap content" 
android:text= "TextView" 
android:paddingLeft= "40dp" 
android:textSize= "20sp"/> 




















Q Android IN E 


< /LinearTayout> 
Java 代码 如 下 : 


protected void onCreate (Bundle savedInstanoeState) { 
Super .onCreate (savedInstanceState) ; 
sebContentView (R. layout activity main); 
/数据 
/组 
List< Map< String, String> > groups= new ArrayList« Mapc String,String> > (; 
//groupl 
Map< String, String» gl= new HashMap< String, String» (); 
gl.put ("group", "FR B 4f En: 
//group2 
Map< String, String» ge new HashMap< String, String» (); 
PL.pat ("group", "^E A"); 
groups.adi(gl) ; 
groups.acd(g?) ; 


Res 

List< List< Mapx String, String> > > childs= new ArrayList< List« Map< String,String» >> (); 
// 第 一 组 子 数据 

List< Map< String, String» > cl= new ArrayList« Map String,String> > (); 

/第 一 组 子 数 据 ,第 一 行 

Map< String, String> cl linel- new HastMap< String, String> (); 

cl linel.put ("cl", "KE" 
Ifl — 8T MR IS 
Map< String, String> cl line2- new HashMap< String, String» (); 
cl line2.put ("cl", EW: 

/第 一 组 子 数据 ,第 三 行 

MEp< String, String> cl line3- new HashMap< String, String» (); 
cl line3.put ("cl", "E f"); 






cl.add(cl linel); 
cl.add(cl line2); 
cl.add(cl line3); 


// 第 二 组 子 数据 

List< Map< String, String» > c2- new ArrayList« Marx String, String> > (); 
// 第 二 组 子 数据 ,第 一 行 

Map< String, String» c2 linel- new HashMepc String, String> (); 

c2 linel.put ("cl", "HEE"; 

/第 二 组 子 数 据 ,第 二 行 

Map< String, String» c2 line2- new HashMepc String, String> (); 

c2 line2.pat "cl", "IKAS"); 

/人 第 二 组 子 数据 ,第 三 行 








Map< String, String»c? line3- new HashMap< String, String» (); 
c2 line3.put "c1", "SKK; 


c2.add(c2 linel); 
c2.add(c2 line2); 
c2.add(c2 line3); 


// 把 第 一 组 数据 加 入 子 数 据 
childs.adi(cl); 
childs.aci(c2); 


/h& BORE 

//1.context. 

//2. 一 级 条 目的 数据 

//3. 用 来 设置 一 级 条 目 样式 的 布局 文件 

//4. 指 定 一 级 条 目 数据 的 key 

//5. 指 定 一 级 条 目 数据 显示 控件 的 ia 

//6. 指 定 二 级 条 目的 数据 

/由 .用 来 设置 二 级 条 目 样式 的 布局 文件 

//8. 指 定 二 级 条 目 数据 的 key 

//9. 指 定 二 级 条 目 数 据 显示 控件 的 ik 

SimpleExpandableListAdapter adapter- new SimpleExpandablelistAdapter (this, groups, R.layout.group, 
new String[] ("group"), new int[](R.id.tv group), childs, R.layout.child, new String[]{"cl"}, new int 
[R.id.tv child); 


A nu. listView- (ExpandableListView) findViewByld (R.id.expandableListViewl) ; 
ListView. setAdapter (adapter) ; 

} 

效果 如 图 5-17 所 示 。 

522 项 目 界面 相关 代码 设计 

1. 登录 界面 

QQ 登录 界面 的 布局 文件 为 activity main. xml, 效 果 如 图 5-18 所 示 。 

2. 好 友 界 面 

QQ 好 友 界 面 的 布局 文件 为 layout_qqlist_expandable. xml, 效 果 如 图 5-19 所 示 。 
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图 5-17 二 级 列表 效果 图 





图 5-18 QQ 登录 界面 效果 图 图 5-19 QQ 好 友 界 面 效 果 图 


对 应 的 XML 代码 如 下 : 


< Felativelayout xmlns:android- "http://schemas.android.oom/apk/res/android" 
xmlns:tools= "http: //schemas .android.can/tools" 
android:laycut width= "match parent" 
android: layout height= "match parent" 
android:background- "Fflflfl" 
tools:context- ".MainActivity” 
android:scrollbars- "vertical" 
android:scrollbarAlwaysDrawVerticalTrack- "true" 


< ScrollView 
android:id="@ + id/qlist scroll" 
android:layout width= "match parent" 











android:laycut height= "wrap content" 
android: fadingEdge- "none"> 


< Linearlayout 
android: layout width= "match parent" 
android: 1ayout_height= "wrap content" 
android:orientation= "vertical"> 


< ListView 
android:id- "@ + id/qqlist classify" 
android:layout width- "match parent" 
android:layout height "wrap content" 
android:divider- "#000000" 
android:dividerHeight= "Op" 
android: fadingEdge- "none"/> 

< TextView 
android: layout_width= "match parent" 
android: layout height- "wrap content" 
android:beckground- "@ drawable/qulist classify text" 
android:text= "好 友 分 组 " 
android:textSize= "épt" 
android:textColor- "#666666" 
android:pacding= "4dip"/» 


< ExparcebleListView 
android:id= "6 + id/qq list" 
android:layout width- "match parent" 
android:layout _height= "wrap content" 
android:divider= "#888888" 
android:dividerHeight= "Op" 
android: fadingEdge- "none"/> 


< TextView 
android: layout width- "match parent" 
android: layout _height= "wrap content" 
android:background= "@ drawable/qglist_classify text" 
android:text= "£ i ARS" 
android:textSize= "Got" 
android:textColor= "#666666" 
android:padding- "4dip"/» 


< ListView 
android:id- "@ id/qglist classify down" 
android:layout width- "match parent" 
android:layout height "wrap content" 
android:divider= "#000000" 
android:dividerHeight= "0px"/> 


< /LinearTayout> 


Android 

















android:id- "@ + id/title_groupImage" 
android: layout_width= "match parent" 
android: layout_height= "lédip" 

android: layout_weight= "1.8" 

android: layout_gravity= "center" 
android:background= "@ drawable/! "^ 


« TextView 
android:id= "@ + id/title grourName" 
android:layout width- "match parent" 
android:layout height- "42dip" 
android:layout weight- "1" 
android:paddingleft- "15dip" 
android:paddingTop= "Lidip" 
android:textSize= "7pt" 
android:text= "fdg" /> 

< TextView 
android:id- "@ + id/title childocunt" 
android:layout width- "match parent" 
android:layout height= "42dip" 
android:layout weight- "1" 
android:gravity- "right" 
android:paddingRight= "10dip" 
android:paddingTop= "Udip" 
android:text- "ewsf"/> 


< /Linearlayout> 


< /Pelativelayout> 

在 这 个 布局 文件 中 包括 1 个 ExpandableListView 和 2 个 ListView. Expandable- 
List View 对 应 的 子 项 布局 文件 为 layout_qqlist_group. xml 和 layout_qqlist_child. xml. 
2 个 ListView 对 应 的 布局 文件 分 别 为 layout_list_item. xml 和 qqlist_classify_item. xml. 
如 图 5-20 所 示 。 


3. 聊天 界面 


QQ 聊天 界面 的 布局 文件 为 activity chat. xml, 效 果 如 图 5-21 所 示 。 
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图 5-20 布局 文件 图 5-21 


XML 代码 如 下 : 


< ?ml version- "1.0" encoding- "utf- 8"2> 

< Felativelayout xmlns:androidF "http: //schares android.ca/apk/res/android" 
android: layout_width= "match parent" 
android: layout_height= "match parent" 


> 


< Linearlayout 
android: 1ayout_width= "match parent" 
android: 1ayout_height= "44dip" 
android:id- "@ + id/chat_title" 
android: layout_alignParentTop= "true" 
android:background= "6 drawable/chat_title_layer"> 
« Button 


android:id= "@ + id/chat msg button" 
android:layout width- "match parent" 
android:layout height= "36dip" 

android:layout weight- "1.9" 

android:layout marginleft- "edip" 

android:layout marginTop= "3dip" 

android:text= "消息 0)" 

android:textColor= "@ android:colar/white" 
android:textSize= "7pt" 

android:background= "@ drawable/msg button back"/» 


< TextView 


android:id- "@ + id/chat contact name" 
android:layout width- "match parent" 
android:layout height= "wrap content" 
android:layout weight- "1" 

android:text= "JE TI X F" 

android:textSize- "got" 

android:textColor= "6 android:color/shite" 
android:gravity= "center" 

android:layout gravity- "center vertical"/» 





OO 聊天 界面 效果 图 
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< ImageButton. 
android:id= "@ + id/dhat contact button" 
android:layout width= "match parent" 
android:layout height= "36dip" 
ardroid:layout weight- "2" 
android:layout marginRight= "gdip" 
android:layout margiriTop- "3dip" 
android:background= "@ draweble/chat contact back"/> 


< /LinearLayout> 


< Linearlayout 
android:id- "@ + id/chat bottom linear" 
android: layout_width= "match parent" 
android:layout height- "42dip" 
android:background= "6 drawable/chat title layer" 
android:orientation- "horizontal" 
android:layout alignParentBottcm- "true" 
android:paddingTop- "7dip" 
android:paddingBottar= "3dip'» 


< ImagsButtcn 

android:id= "@ + id/chat bottam lock" 

android:layout_width= "match parent" 

android:layout height- "2édip" 

android:layout weight- "3.5" 

android:layout marginleft- "Jdip" 

android: layout_marginTop= "3dip" 

android:background+ "@ drawable/chat_bottam_look"/> 
< TmegeButten 

android:id= "@ + id/chat bottam add" 

android:layout width- "match parent" 

android:layout beight- "2édip" 

android:layout weight- "3.5" 

android:layout marginleft- "Jdip" 

android: layout_marginTop= "3dip" 

android:background "@ drawsble/chat bottom adi'/» 
<EditText 

android:id- "@ id/chat bottam edittext" 

android:layout width= "match parent" 

android:layout height- "32dip" 

android:layout marginleft- "5dip" 

android:layout marginRight- "7dip" 

android:layout weight "1.5" 

android:background= "@ drawable/edit fillet shape"/» 
« Button 

android:id="@ id/chat bottam sendbutton" 

android: layout_width= "match parent" 

android:layout height= "26dip" 
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android:layout weight="3.2" 

android:layout margirRight- "4dip" 

android:layout marginBottam- "3dip" 

android:background- "6 drawable/chat button fillet shape" 
android:text- "发 送 " 

android:textColor- "8 android:color/white"/» " 


< /Linearlayout> 

< ListView 
android:id= "@ + id/chat list" 
android: layout_width= "match parent" 
android:laycut height- "wrap content" 
androidilayout below- "@ id/chat title" 
android:laycut above- "6 id/chat bottom linear" 
android: fadingEdge- "none" 
android:background- "# £0f0£0" 
android:divider= "faaaaaa" 
android:dividerHeight= "Oper 

< /listView 


< /RelativeLayout> 
聊天 时 为 了 区 分 显示 自己 发 送 的 消息 和 对 方 发 过 来 的 消息 ,在 ListView 中 使 用 不 同 


的 布局 子 项 。chat_listitem_me. xml( 消 息 中 的 文字 和 头像 右 显 示 ) 和 chat_listitem_ 
other. xml( 消 息 中 的 文字 和 头像 居 左 显示 ) 。 


5.3 项 目 功 能 的 实现 


通过 代码 优化 QQ 聊天 程序 的 界面 效果 ,该 部 分 代码 在 项 目的 sre 目录 中 完成 ,如 
图 5-22 所 示 。 





4 j9 src 
4 B cnjery 
b ID ChatActivity.java 
b JD ContactsListExpandable.java 
> M MainActivity.java. 
4 E cnjerry.domain 
» IN ContactsInfo.java 
> [D Userinto.java 
> ER gen [Generated Java Files] 
> BÀ Android 4.2.2 
> mÀ Android Private Libraries. 


图 5-22 src 目录 








A) 触摸 事件 onTouchEvent. TE % 5& 9t ifii ( MainActivity. java) 中 选择 用 户 时 ,会 弹 
出 下 拉 列 表 选 择 用 户 , 用 户 单 击 列表 之 外 部 分 时 需要 让 下 拉 列 表 消 失 , 这 时 需要 重 写 
Activity 的 onTouchEvent。 


// 重 写 ovTouchEvent 方 法 ,用 于 实现 单 击 控件 之 外 的 部 分 使 控件 消失 的 功能 




















@ Override 
public boolean onfouchEvent (MotionEvent event) { 
//TO00 Arto- generated method stub 
if(event.getActicn()- — MotionEvent.ACTION DOW && isVisible) { 
int[] location new int[2]; 
// 调 用 getrocaticnTnwinaow 方 法 获得 某 一 控件 在 窗口 中 左上 角 的 横 纵 坐标 
loginList.getLocationIrWindow (location) ; 
/获得 在 屏幕 上 单 击 的 点 的 坐标 
int x- (int)event.getX() ; 
int y= (int)event.getY (); 
if (x< location[0]| | x^ location[0]+ loginList.getWidth() | | 
y< location[1] | | y> location[1]+ loginList .getHeight ()) ( 
isIndicatorUp= false; 
isVisible= false; 


List IndicatorButton.setBackgroundResource (R.drawable. 
indicator down); 
loginList.setVisibility(View.GNNE); — //ik ListView JI RW K ,并 且 让 游标 向 下 指 ! 


) 


return super.onTouchEvent (event); 
} 


(2) 登录 用 户 对 象 ,登录 界面 中 每 个 用 户 都 有 头像 账号、 密码 属性 ,可 以 把 这 些 属性 
集中 起 来 看 成 一 个 用 户 对 象 UserInfo,Java 代码 如 下 : 


public class UserInfo ( 


public int userFhoto; 
public String userQo- null; 
public String userPassword- null; 
public int deleteButtonRes; 
public UserInfo (int userPhoto, String userQO, String userPassword, int deleteButtonRes) { 
super () 7 
this.userPhoto= userPhoto; 
this.userQ>= userQo; 
this.deleteButtonRes= deleteButtonRes; 
this.userPassword- userPassword; 


H 


(3) 联系 人 对 象 ,好 友 页 面 中 每 个 好 友 都 有 姓名 昵称、 头像 、 所 在 分 组 ,可 以 把 这 些 
属性 集中 起 来 看 成 一 个 联系 人 对 象 ContactsInfo ,Java 代码 如 下 : 


public class ContactsInfo { 
public String userName= null; 
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public String userSign- null; 
public int userlmage- 0; 
public String groupInfo- null; 
public ContactsInfo (String userName, String userSign, int userlmage, 
String groupInfo) ( 
super(; 
‘this.userName= userName; 
this.userSign- userSign; 
this.userImage- userImage; 
this.groupInfo- groupInfo; 


) 


(4) 重新 设置 组 项 数据 和 子 项 数据 的 高 度 , 列 表 展 开 和 收缩 会 影响 二 级 列表 中 原 有 
子 项 和 组 项 数据 高 度 , 所 以 要 通过 代码 重新 定义 组 项 数据 和 子 项 数据 的 高 度 。Java 代码 
如 下 : 


View exGroupiLi stTtem- exListView.getExpandableListAdapter () .getGroupView (0, false, null, exListView); 
exGroupListItem.setLayoutFarams (new LayoutParams (LayoutParams.WRAP _ 

CONTENT, LayoutParams.WRAP_CONTENT)) ; 

exGroupListItem.measure (0, 0); 

GROUP HEIGHT- exGroupList Itan.getMeasuredeight () ; 


View exChi ldListItem- exListView .getExpancablel.istAdapter () .getChildview(0, 0, false, null, exListView); 
exChildListItem.setLayoutParams (new LayoutParams (LayoutParams .WRAP _ 

CONTENT, LayoutParams.WRAP_CONIENT)) ; 

exchildListItem.measure (0, 0); 

CHID HEIGHT- exChildListItem.getMeasureckeight () ; 


ViewGroup.layoutParams params= exListView.getLayoutParams (); 
height= groupData.size() * GROUP_HEIGHT- 2; 

params .height= height; 

exListView.setLayoutParams (params) ; 


for(int i=0; i< groupData.size() ;i++){ 
groupData.get (i) put ("location",i * GROUP HEIGHT); 
} 


(5) 滑动 到 某 一 个 Group 改 GroupItem 就 在 屏幕 顶端 悬 停 的 效果 ,需要 使 用 
onTouchEvent 方法 ,Java 代码 如 下 : 


private boolean isChecking= false; 
private class LocationcheckThread extends Thread{ 
@ Override 


public void rm() { 
//TOD Anto- generated method stub 
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super.run(); 
ischecking- true; 
int[] location- new int[2]; 
int beforeY- 0; 
inti; 
ExpandableHandler mHandler- new ExpandableHandler (Looper. 
getMainLooper ()); 
while(true)( 
//exListView.getLocationOnScreen (location); 


exListView.getLocationOnScreen (location) ; 
if (before¥== location[1]) { // 控 件 停止 运动 ,线程 关闭 
isChecking= false; 
retum; 
} 
else{ 
beforeY= location[1]; 
for (i= groupData.size()- 1; i>=0; i- - )( 
if ( (Boolean) groupData.get (i) .get ("expanded") && 
(Integer) groupData.get (i) .get ("location") + location[1]« = 24) { 


Message msg= new Message () ; 

msg.argl= childData.get (i) .size(); 
msg.arg2- i; 

m33.cbj- groupData.get (i) .get ('groupName") ; 
msg.what- VISIBILITY VISIBLE; 


mandler.sendMessage (msg) ; 
break; 
) 
t 
if(i< 0){ 
Message msg- new Message () 7 
msg.what- VISIBILITY GONE; 
msg.dbj- mm: /必须 加 这 一 步 ,否则 会 有 空 指针 异常 
mHandler .sendMessage (msg) ; 
} 
} 
try { 
this.sleep (80) ; //slssp 的 时 间 不 能 过 短 !! 








} 
public class ExpandableHandler extends Handler{ 


public ExpandableHandler (Loqper looper) { 
super (looper) ; 

} 

@ Override 

public void handleMessage (Message msg) { 
//TOD0 Auto- generated method stub 
super. hand] Message (msg) ; 
int listNum- msg.argl; 
int visibility- msg.what; 
int groupPos= msg.arg2; 
String groupName=msg.cbj «toString (); 


if (visibility= = VISIBILITY GONE) { 
titleGrouView.setVisibility (View.GONE); 


retum; 
} 
else{ 


titleGrouView.setVisibility (View. VISIBLE) ; 
titleGroupName.setText (groupName) ; 
titlechilddount.setText ("+ ListNum) ; 


titleGrougView.setTag (groupPos) ; 
// 给 这 个 View 控 件 设置 一 个 标签 属性 ,用 于 存放 groupEositicn 
jew 
* setText() 中 的 参数 不 能 使 int 型 !! 
*g 


) 


(6) 聊天 信息 的 显示 : 自己 发 的 消息 和 接收 的 消息 需要 使 用 不 同 的 布局 文件 ,在 自 
定义 的 数据 适配器 中 需要 判断 ,Java 代码 如 下 : 
class ViewHolder{ 
public ImegeView imageView= null; 
public TextView textView- null; 
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} 


@ Override 
public View getView (int position, View convertView, ViewGroup 
parent) ( 

Jm Auto- generated method stub 

ViewHolder holder= null; 

int who- (Integer) chatList.get (position) .get ("person") ; 


convertView- Layout Inflater. fram (context) .inflate( 
layout[who- -ME?0:1], null); 
holder- new ViewHolder () ; 
holder.imageView= (InegeView) convertView. fincViewByTd (to[who* 2+ 0]); 
holder.textView= (TextView)convertView.findViewById(to[who * 2+ 1]); 


System.out.println (holder); 
System.out..println ("WHYWHYWHYWHYW") ; 
System.out .print1n (holder. imageView) ; 


holder. imagsView. setBackgroundResource ( (Integer) chatList. 
get (position) .get (fram[0])); 


holder. textView.setText (chatList.get (position) .get (£ram[1]) . 


toString()); 
return convertView; 


5.4 系统 运行 与 效果 测试 


行 与 效果 测试 如 图 5-23 一 图 5-27 所 示 。 
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图 5-24 登录 界面 
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图 5-23 系统 运行 与 效果 测试 
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图 5-26 我 的 好 友 
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5.5 本 章 小 结 


通过 本 章 项 目 练习 ,学 习 了 Android 的 常用 控件 RadioGroup 和 RadioButton, 
CheckBox, ProgressBar, Spinner, ListView, DatePicker 和 DatePickerDialog, Auto- 
CompleteTextView , ExpandableListView. #4 E [A 9] Handler, 触 摸 事件 on TouchEvent 等 。 


5.6 项 目 实践 


(1) 尝试 使 用 Android 中 其 他 控件 。 
(2) 理解 Handler 机 制 ,掌握 Handler 应 用 场景 。 
(3) 根据 现 有 的 手机 QQ 版 本 优化 应 用 程序 。 


SSeS tmu 


本 章 的 工作 目标 如 下 : 

CD 通过 异步 查询 获取 会 话 数据 ,对 于 会 话 进行 删除 和 查询 会 话 详情 的 功能 。 
(2) 对 信息 进行 分 类 管理 ,并 且 对 信息 进行 日 期 分 隔 显示 o 

(3) 学 习 群 组 模块 。 

(4) 完成 程序 运行 与 效果 测试 。 


6.1 WAS i 


本 项 目的 学 习 和 操作 主要 关注 以 下 几 点 。 

(1) 掌握 碎片 中 Tabhost 控件 的 基本 使 用 。 

(2) 掌握 Animation 动画 效果 。 

(3) 学 习 Android 中 SQLite 数据 库 的 基本 用 法 。 

(4) 了 解 Android 四 大 组 件 之 一 的 ContentProvider 的 原理 及 使 用 。 
(5) 综合 以 上 几 点 ,实现 本 章 中 的 会 话 模块 ,文件 夹 模块 和 和 群 组 模块 。 
会 话 模块 的 实现 如 图 6-1 所 示 。 














EditText ContentPorvider 


会 话 模块 功能 


ListView | Button Activity | Options 


图 6-1 会 话 模块 的 实现 


LinearLayout 
































1. 会 话 模块 界面 的 编写 
会 话 模块 共 分 为 会 话 列表 和 会 话 详情 两 个 界面 。 


会 话 列 表 界 面 由 ListView 和 Button 组 成 。 最 外 层 是 Orientation 为 Vertical 的 
LinearLayout 其 中 由 上 自 下 依次 为 Button 和 ListView. Button 的 文字 显示 为 “新 建 信息 ”。 
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会 话 详情 界面 由 ListView、Button、EditText 等 组 成 。 页 面 上 方 为 会 话 的 对 象 名 称 
和 返回 键 ,中 部 是 显示 已 发 送信 息 的 集合 控件 ,下 方 为 信息 输入 框 和 发 送 按钮 。 为 了 让 输 
入 框 和 发 送 按钮 一 直 显 示 在 界面 的 最 下 方 ,我 们 需要 将 ListView 的 高 设置 为 0 并 且 设 置 
它 的 Weight 属性 为 1 。 


2. 会 话 模块 功能 的 编写 


首先 通过 ContentProvider 查询 数据 库 中 的 会 话 列表 数据 ,然后 使 用 LsitView 和 其 
对 应 的 Adapter 装载 数据 并 显示 出 来 。 删 除 功 能 即 用 ID 删除 数据 库 中 的 信息 后 重复 查 
询 功 能 。 会 话 详情 的 功能 逻辑 基本 会 话 列表 。 

文件 夹 模块 、 群 组 模块 界面 和 功能 实现 同 会 话 模块 。 


6.2 项 目 界面 设计 
621 知识 准备 


1. Tabhost 控件 


为 了 使 界面 更 美观 .运行 效率 更 高 ,可 以 使 用 碎片 化 处 理 , 主 要 包括 Tabhost 和 
Fragment。 本 程序 使 用 的 是 Tabhost, 共 分 为 两 个 部 分 : 页 签 和 帧 布局 (各 页 面 的 显示 )。 
在 使 用 Tabhost 时 要 注意 控件 的 ID 必须 使 用 系统 默认 的 ,不 可 以 更 改 。 


< Takhost 
android:id- "@ android:id/takhost" 
android: layout width- "fill parent" 
android:layout height- "fill parent"» 


< Linearlayout 
android: layout_width= "fill parent" 
android: layout_height= "fill parent" 
android:oridentation= "vertical" > 


< TabWidget 
android:id= "@ android:id/tabs" 
android: layout width= "fill parent" 
android: layout _height= "wrap content" 
android:visibility= "gone" > 

< /TatWidget> 


< FrameLayout 
android:id- "@ android:id/taboontent" 


效果 如 图 6-2 所 示 。 
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图 6-2 Tabhost 控件 
2. View 实现 动画 效果 


本 项 目 使 用 View 的 动画 效果 显示 当前 所 在 的 模块 ,此 处 只 是 简单 地 定义 了 此 控件 ， 
其 具体 的 大 小 和 位 置 需要 在 Java 代码 中 自 定义 。 


«View 
android:id- "@ id/slide view" 
android:layout width- "wrap content" 
android:layout height- "wrap oontent" 
android:background= "6 drawable/slide background" /> 


效果 如 图 6-3 所 示 。 
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图 6-3 View 的 动画 效果 图 





622 项 目 界 面相 关 代 码 设计 
1. 页 签 界面 的 设计 





上 半 部 分 为 页 签 , 下 半 部 分 为 FrameLayou 
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t。 单 击 不 同 的 页 签 将 在 FrameLayout 中 


显示 不 同 的 界面 。 页 签 部 分 使 用 的 并 非 默认 的 TabWidget. 而 是 TextView 和 


ImageView WA. Hit Java 代码 实现 与 Ta 
所 示 。 
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bhost 的 衔接 ,页 签 界面 的 设计 如 图 6-4 
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图 6-4 页 签 界面 的 设计 


对 应 的 XML 代码 如 下 : 


< LinearLayout xmins:android- "http: //schemas.android.oav/apk/res/android" 


android:layout width- "fill parent" 
android:layout height= "fill parent" 
android:orientation= "vertical"> 


< Tathost 
android:id- "@ android:id/tabhost" 
android:layout width= "fill parent" 
android:layout height= "fill parent" 


< Linearlayout 
android:layout width= "fill parent" 
android:layout height= "fill parent" 
android:orientation= "vertical"> 
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< Felativelayout 
android:layout width- "fill parent" 
android:layout height "wrap content" 
android:background= "@ android:oolor/darker gray" 
android:paddingBottam= "5dp" 
android:paddingTop= "Sdo"> 


«View 
android:id- "@ + id/slide view" 
android: layout width- "wrap content" 
android:layout height- "wrap content" 
android:background= "@ drawable/slide background" 
android:visibility= "gone"/> 





< Linearlayout 
android: layout_width= "fill parent" 
android: layout height- "wrap content"» 


< Felativelayout 
android:id- "@ + id/rl conversation" 
android: layout_width= "Odo" 
android:layout height= "wrap content" 
android: layout_weight="1"> 


< Linearlayout 
android:id- "@ + id/ll conversation" 
android:layout width- "wrap content" 
android:laycut height= "wrap content" 
android: layout_ocenterInParent= "true" 
android:gravity= "center horizontal" 
android:orientation= "vertical" 
android:paddingBottoam- "Sdp" 
android:paddingLeft= "15do" 
android:paddingRight= "153p" 
android:paddingTgp= "Sdp"> 


< ImageView 
android:layout width- "wrap content" 
android:layout height- "wrap content" 
android:sro- "@ drawable/tab conversation" /> 
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< TextView 
android:layout width= "wrap content" 
android:layout height- "wrap content" 
android:layout margirfTop- "5dp" 
android:text= "Sig" 
android:textColor- "@ android:color/white" /> 
< /Linearlayout> 
< /Pelativelayout> 


« Felativelayout 
android: Layout_width= "Odp" 
android:layout height- "wrap content" 
ardroid:layout weight- "1"> 


< Linearlayout 
android:id- "@ + id/1l folder" 
android:laycut width- "wrap_content" 
android:laycut beight- "wrap content" 
android:layout centerInFarent= "true" 
android:gravity- "center horizontal" 
android:orientation- "vertical" 
android:paddingBottar= "Sdp" 
android:paddingleft= "153p" 
android:paddingRight- "154p" 
android:paddingTop= "Sdp"> 


< ImageView 
android: layout width= "wrap content" 
android: layout height- "wrap content" 
android:sro="@ drawable/tab folder" /> 


< TextView 
android:laycut width- "wrap content" 
android:laycut height= "wrap content" 
android:layout marginTop= "5dp" 
android:text= "文件 夹 " 
android:textColor= "@ android:color/white" /> 
< /Linearlayout> 
< fFelativelayout^ 
< Felativelaycut 
android:laycut width= "0dp" 
android:layout height- "wrap content" 
android: layout_weight="1"> 


< Linearlayout 

















android:id= "@ + id/ll group" 
android: layout width= "wrap content" 
android:layout height= "wrap content" 
android:layout centerInParent- "true" 
ardroid:gravity- "center horizontal" 
android:orientation= "vertical" 
android:pacdingBottam- "Sdp" 
android:paddingleft= "15dp" 
android:paddingRight= "15d" 
androidzpaddingTop= "Sdp"> 


< ImageView 
android:layout width- "wrap content" 
android:laycut height- "wrap content" 
android: layout_marginTop= "2dp 
android:sro="@ drawable/tab_group" /> 


< TextView 
android: layout width= "wrap_content" 
android: layout_height= "wrap content" 
android: layout_marginTop= "8dp" 
android:text= "WEZ " 
android:textColor- "@ android:color/white" /> 
< /Linearlaycut^ 
< fFelativelayout^ 
< /Linearlayout^ 
< fFelativelaycut^ 


< Franelayout 
android:id- "6 android:id/taboontent" 
android:layout width- "fill parent" 
android:layout height- "fill parent"> 
< /FrameLayout> 


< /LinearLayout> 
2. 会 话 界面 的 设计 


页 签 界 面 默认 展示 会 话 界面 或 者 在 其 他 界面 单 击 会 话 也 可 以 进入 会 话 界面 。 该 界 
面 有 两 种 状态 : 默认 状态 和 编辑 状态 。 默 认 状态 下 显示 新 建 信 息 按钮 , 单 击 进 入 新 建 信 
息 界面 , 单 击 List View 进入 会 话 详 情 界面 。 编 辑 状态 下 显示 全 选 . 取 消 和 删除 按钮 ,各 有 
单 击 事件 ,会话 界面 的 设计 如 图 6-5 所 示 。 
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图 6-5 会 话 界面 的 设计 
对 应 的 XML 代码 如 下 : 


< ?nl version- "1.0" encoding- "utf- 8"?> 
< LinearLayout smlns:android= "http: //schamas.android.caw/apk/res/android" 
android:layout width- "match parent" 
android:layout height- "match parent" 
android:orientation- "vertical" 
android:paddingTop= "Sdp"> 


«Button 
android:id= "6 + id/btn conversation new message" 
android:laycut width- "wrap ocntent" 
android:laycut height- "wrap content" 
android:layout gravity- "center" 
android:background- "@ drawable/cammon button bg" 
android:paddingleft= "408p" 
android:pacdingRight- "403p" 
android:text= "jr & fa." 
android:textColor= "6 drawable/oommon button textoolor selector" 
android:textSize- "20sp" /> 


< Linearlayout 
android:layout width= "fill parent" 
android:layout height- "wrap content" 
android:layout margirileft- "l0dp" 
android:layout margirRight- "10dp"> 


« Button 
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android:id- "@ + id/btn conversation select all" 
android:layout width- "Odp" 

android:layout height= "wrap content" 
android:layout margirRight- "10dp" 
android:layout weight- "1" 

android:background- "@ drawable/common button bg" 
android:text= "423" 


android: textColor="@ draweble/oommon button textoolor selector" 
android:textSize= "20s" 
id:visihility= "gne" /> 


«Button 
android:id= "@ + id/btn conversation canoel select" 
ardroid:layout width- "Odo" 
ardroid:layout height= "wrap content" 
ardroid:layout weight- "1" 
android:background= "8 drawable/camen button bg" 
android:text- "取消 " 
android:textColor= "@ drawable/ommon button textoolor selector" 
android:textSize- "20sp" 
android:visibility- "gone" /> 


< /LinearLayout> 


<listView 


android:id= "@ + id/lv_conversation" 
android: layout_width= "match parent" 
android:laycut beight- "Odp" 
android: layout_marginTop= "Sdp" 
android: layout_weight= "1"> 


< ListView 


«Button 


android:id- "@ + id/btn conversation delete message" 
endroid:laycut width- "wrap ocntent" 

android:layout height- "wrap content" 
android:layout gravity- "center" 

android: layout_margin= "Sgp" 

android:background- "@ drawable/cammon_button_bg" 
android:paddingLeft= "40dp" 

android:paddingRight= "40dp" 

android:text= "Hl HR fa" 

android: textColor="@ drawable/cammon_button_textoolor_selector" 
android:textSize= "20sp" 

android:visibility= "gone" /> 


< /LinearLayout> 


3. 会 话 详情 界面 的 设计 


会 话 详情 界面 主要 包括 显示 短信 的 ListView、 短 信 输 入 框 ` 返 回 和 发 送 短信 按钮 。 











单 击发 送 将 短信 发 送出 去 并 显示 在 ListView 中 , 收 到 短信 也 可 以 及 时 地 显示 , 单 击 返 回 
则 回 到 会 话 界面 ,会 话 详情 界面 的 设计 如 图 6-6 所 示 。 
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图 6-6 会 话 详情 界面 的 设计 





对 应 的 XML 代码 如 下 : 


< ?xml. version- "1.0" encoding- "utf- 8"2> 
< Linearlayout xmlns:android- "http: //schemas..android.can/apk/res/android" 


android:layout width- "match parent" 
android:layout height= "match parent" 
android:orientation- "vertical"> 


< Felativelaycut 
android:layout width= "fill parent" 
endroid:laycut beight- "wrap content" 
android:background= "@ android:oolor/darker gray"» 


«Button 
android:id- "@ + id/btn conversation detail back" 
android:layout_width= "wrap oontent" 
android:layout height- "wrap content" 
android:background= "@ drawable/oamon back btn bg" 
android:text= "返回 " /> 


« TextView 
android:id- "@ + id/tv oonversation detail name" 
android:layout width "wrap oontent" 
android:layout height- "wrap content" 
android:layout centerInParent- "true" 
android:text- "点 点 " 
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android:textColor= "@ android:color/white" 
android:textSize="20sp" /> 
< /Relativerayout> 


«listView 
android:id- "8 + id/lv conversation detail sms" 
android:layout width= "fill parent" 
android:layout height= "Odp" 
android:laycut weight- "1" 
android:listSelector= "@ android:color/transparent" 
android:cacheColorHint= "@ android:color/transparent" 
android:background- "@ drawable/conversation detail content bg" 
android:divider- "@ null" 
android:dividerHeight= "Odo" 
android: transcriptMode= "alwaysScroll'» 

< /ListView> 


< Linearlayout 
android:laycut width= "fill parent" 
android:laycut height- "wrap content" 
android:background= "@ draweble/conversation detail footer bg" 
android:gravity- "center vertical" 
android:orientation- "horizontal" 


«EditText 
android:id- "@ + id/oonversation detail content" 
android:layout width= "Odp" 
android: layout height= "wrap content" 
android: layout weight= "1" 
android:maxLines= "3" 
android:background- "@ drawable/camon_deittext_bg" /> 


< Button 
android:id= "@ + id/conversation detail send" 
android: layout width- "wrap ocntent" 
android:layout height= "wrap content" 
android:background- "8 drawable/common button bg" 
android:text- "发 送 " 
android:textColor- "@ drawable/oommon button textoolor selector" 
android:textSize- "20sp" /> 
< /Linearlayout^ 


< /Linearlayout> 
4. 新 建 信息 页 面 的 设计 


新 建 信息 页 面 主要 包括 联想 查询 输入 框 AutoCompleteTextView, 用 来 输入 联系 人 
号 码 、 短 信 内 容 输入 框 ` 打 开 联系 人 列表 的 图 片 。 单 击 联系 人 图 片 会 隐 式 打开 选择 联系 人 
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界面 供 选择 , 单 击 某 个 联系 人 返回 该 页 面 并 将 获取 到 的 号 码 保存 到 AutoComplete- 
TextView 中 ,新 建 信息 页 面 的 设计 如 图 6-7 所 示 。 
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图 6-7 新 建 信息 页 面 的 设计 


对 应 的 XML 代码 如 下 : 


< ?nl Version= "1.0" encoding- "utf- 8"2> 
< Linearlayout xmins:anciroide- "http://schemas.android.omm/apk/res/android" 
android:layout width- "match parent" 
android:laycut height- "match parent" 
android:orientation= "vertical"> 


< Linearlayout 
android: layout width= "fill parent" 
android: layout beight- "wrap content" 
android:gravity- "center vertical" 
android:orientation- "horizontal" 
android:padding- "Sdip"> 


< TextView 
android:layout width= "wrap ocntent" 
android:layout height= "wrap content" 
android:text= "fF A : " 
android:textColor= "@ android:color/black" 
android:textSize= "239p" /> 


< AutoConpleteTextView 
android:id= "@ + id/actv_new message number" 
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android:layout width- "Odip" 

android:layout height- "wrap content" 

android:layout weight- "1" 

android:singleLine- "true" 

android:inputType- "phone" 

ardroid:hint- "请 输入 手机 号 " 

android:textColor- "@ android:color/black" 
android:campletionThreshold= "1" 

android:background- "@ drawable/oommon edittext bg" /> 


< ImageButtcn 
android:id- "@+ id/ib new message select contact" 
android:layout width= "wrap oontent" 
android:layout height- "wrap content" 
android: layout marginLeft- "5dip" 
android:background- "@ drawable/select omtact bg" /> 
< /LinearLayout> 


«EditText 
android:id- "@ + id/et new message content" 
android:layout width= "fill parent" 
android:layout height- "Odip" 
android:layout margiriLeft- "Sdip" 
android:layout marginRight- "Sdip" 
android:gravity- "left | top" 
android:layout weight- "1" 
androidzhint= "请 输入 内 容 " 
android:background- "@ drawable/oamen edittext bg" /> 


«Button 
android:id- "@ + id/btn new message send" 
android:layout width- "wrap content" 
android:laycut height- "wrap content" 
android:layout gravity- "center horizontal" 
android:layout margin- "lOdip" 
android:background- "@ drawable/cammon button bg" 
android:paddingLeft= "40dip" 
android:paddingRight= "40dip" 
android:text= "发 送 " 
android:textColor- "6 drawable/ccammpn button textoolor selector" 
android:textSize- "20sp" /» 


< /LinearLayout> 
5. 会 话 页 面 ListView 的 item 设计 


会 话 页 面 ListView 的 item 设计 如 图 6-8 所 示 。 
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图 6-8 会 话 页 面 ListView 的 item 设计 


对 应 的 XML 代码 如 下 : 


< ?anl version= "1.0" encoding- "utf- 8"2> 

< Felativelayout. »mlns:android= "http: //sdnermes.android.oa/apk/res/android" 
android:layout width- "fill parent" 
android: layout height- "wrap content" 
android:padding- "5db"> 


<CheckBox 
android:id- "@ + id/do conversation item" 
android:layout width- "wrap content" 
android:laycut beight- "wrap content" 
android: layout_ocenterVertical= "true" 
android:clickable= "false" 
android: foousable= "false" 
android:enabled "false" 
android:button- "@ drawable/camon_checkbax_bg" 
android:visibility= "gone"/> 


< ImegeView 
android:id= "@ + id/iv_conversation_item icon" 
android: layout. width= "52dp" 
android:layout height- " 
android:layout tcRightOf- "@ id/db conversation item" /> 


«Text Vien 
android:id= "@ + id/tv conversation item name" 
android:layout width= "wrap content" 
android:layout height= "wrap content" 
android:layout_marginLeft= "l0dp" 




















android:laycut tcRightOf- "@ id/iv conversation item ioon" 
android:text= "SK = (22)" 

android:textColor- "6 android:oolor/black" 
android:textSize- "l8sp" /» 


«Text View 
android:id= "@ + id/tv conversation item date" 
android: layout width= "wrap content" 
android:laycut height= "wrap content" 
android:layout alignParentRight- "true" 
android:text= "11:11" 
android:textColor- "8 android:color/darker gray" 
android:textSize- "14sp" /> 


< TextView 
android:id= "@ -id/tv conversation item body" 
android:layout width- "wrap content" 
android:laycut _ height= "wrap content" 
android:layout alignleft- "@ id/tv conversation item name" 
android: layout_below= "@ id/tv conversation item name" 
android:layout margiriTcp- "5dp" 
android:singleLine- "true" 
android:text- "fdsfdsfds" 
android:textColor="@ android:color/darker gray" 
android:textSize- "lésp" /> 


< /RelativeLayout> 
6. 文件 夹 页 面 ListView 的 item 设计 


文件 夹 页 面 List View 的 item 设计 如 图 6-9 所 示 o 
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图 6-9 文件 夹 页 面 ListView 的 item 设计 














对 应 的 XML 代码 如 下 . 


< ?aml versione "1.0" encoding- "ut£- 82» 
< LinearTaycut. smlns:android= "http: //schamas.android.caw/apk/res/android" 
android: layout width= "match parent" 
android: layout height= "wrap content" 
android:orientation- "horizontal" 
android:gravity= "center vertical" 
android:pedding- "20dp"> 


< ImageView 
android:id= "@ + id/iv folder item icon" 
android: 1ayout_width= "wrap ocntent" 
android:laycut beight- "wrap content" 
ardroid:sro- "6 drawable/a_f draft"/» 


< TextView 
android:id- "@ + id/tv folder item type" 
android: 1ayout_width= "0dp" 
android: 1ayout_height= "wrap content" 
android: 1ayout_weight= "1" 
android: layout_marginLeft="10dp" 
android:text- "ilit E48 " 
android:textSize= "23sp" 
android:textColor= "#660000"/> 


< TextView 
android:id= "@ + id/tv_folder item count" 
android: layout width= "wrap content" 
android: 1ayout_height= "wrap content" 
android:text= "0" 
android:textSize= "23sp" 
android: textColor= "#660000"/> 


< /LinearLayout> 
7. 文件 夹 详情 页 面 的 设计 


文件 夹 详 情 页 面 的 设计 如 图 6-10 所 示 。 
对 应 的 XML 代码 如 下 : 


< Zaml version- "1.0" encoding- "ut£- 82» 
< LinearTaycut. xmlns:androidF "http: //schemas .android.cam/apk/res/android" 
android:layout width- "match parent" 
android:layout height- "match parent" 
android:orientation- "vertical"> 
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图 6-10 文件 夹 详情 页 面 的 设计 


«Button 
android:id= "@ + id/btn folder detail new message" 
endroid:laycut width- "wrap ocntent" 
android:layout beight- "wrap content" 
android: layout gravity- "center horizontal" 
android: layout_marginTop= "Sdip" 
android:background "@ drawable/cammon_button_bg" 
android:pacdingceft- "40dip" 
android:pacdingRight- "40dip" 
android:text= "新 建 信息 " 
android:textColor= "@ drawable/ommon button textoolor_ selector" 
android:textSize= "20sp" /> 

«ListView 
android:id- "@+ id/lv folder detail sms" 
android:layout width= "fill parent" 
android:laycut height= "fill parent" 
android: layout_marginTop= "Sdip"> 

< (ListView 


< /Linearlayout> 
8. 新 建 群 组 界面 的 设计 
新 建 群 组 界面 为 自 定 义 的 对 话 框 界 面 , 如 图 6-11 所 示 。 
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图 6-11 新 建 群 组 界面 的 设计 


对 应 的 XML 代码 如 下 : 


< 2ml version "1.0" encoding- "utf- 8"2> 
< LinearLayout xmins:android- "http: //schemas.android.oav/apk/res/android" 
android: layout width- "match parent" 
android:layout height- "wrap oontent" 
android:orientation= "vertical" 
android:padding- "10dp" 
android:background- "@ android:color/white"> 


«EditText 
android:id- "@ + id/et create group name" 
android:layout width= "fill parent" 
android:laycut height- "wrap content" 
android:hint= "请 输入 群 组 名 称 " 
android:background- "@ drawable/oammn edittext bg"/> 


« Button 
android:id- "@ id/btn create group" 
android:laycut width= "wrap content" 
android:laycut height= "wrap content" 
android:background= "6 drawable/camn button bg" 
android:text= "r£ BE £H " 
android:textColor="@ draweble/oommon button textcolor selector" 
android:textSize= "20sp" 
android:paddingleft="20do" 

















android:paddingRight= "203p" 
android:layout gravity- "center horizontal" 
android:laycut marginTop= "5dp"/» 


< /LinearTaycut^ 


6.3 项 目 功能 的 实现 
631 知识 准备 
1. SQLite 数据 库 


在 Android 平台 上 ,集成 了 一 个 嵌入 式 关系 型 数据 库 SQLite. SQLite 3 支持 NULL, 
INTEGER REAL( 浮 点 数字 ) .TEXT( 字 符 串 文本 ) 和 BLOB( 二 进 制 对 象 ) 数 据 类 型 , 虽 
然 它 支持 的 类 型 只 有 五 种 ,但 实际 上 SQLite 3 也 接受 varchar(n) .char(n) ,decimal(p,s) 
等 数据 类 型 ,在 运算 或 保存 时 会 转换 成 对 应 的 五 种 数据 类 型 。SQLite 最 大 的 特点 是 可 以 
把 各 种 类 型 的 数据 保存 到 任何 字段 中 ,而 不 需 关心 字段 声明 的 数据 类 型 。 例 如 ,可 以 在 
INTEGER 类 型 的 字段 中 存放 字符 串 ,或 者 在 布尔 型 字段 中 存放 浮 点 数 ,或 者 在 字符 型 字 
段 中 存放 日 期 型 值 。 但 有 一 种 情况 例外 ,定义 为 INTEGER PRIMARY KEY 的 字段 只 
能 存储 64 位 整数 , 当 向 这 种 字段 保存 除 整 数 以 外 的 数据 时 ,将 会 产生 错误 。 另 外 ,SQLite 
在 解析 CREATE TABLE 语句 时 ,会 忽略 CREATE TABLE 语句 中 跟 在 字段 名 后 面 的 
数据 类 型 信息 ,如 下 面 语句 会 忽略 name 字段 的 类 型 信息 。 


CREATE TABIE person (personid integer primary key autoincrement, name varchar (20)) 


SQLite 可 以 解析 大 部 分 标准 SQL 语句 。 
(1) 查询 语句 : select * from 表 名 where 条 件 子 句 group by 分 组 字句 having...order 
by 排序 子 句 。 例 如 : 


select * fram persoan 
select * fram person order by id desc 
select name from person group by name having count(* )>1 


(2) 分 页 SQL 与 mySQL 类 似 ,下 面 SQL 语句 获取 5 条 记录 , 跳 过 前 面 3 条 记录 。 
select * fram Account limit 5 offset 3 
或 者 
select * fram Account limit 3,5 
(3) 插入 语句 : insert into 表 名 (字段 列表 ) values( 值 列表 )。 例 如 : 
insert into person (name, age) values ('niit',3) 


(4) 更 新 语句 : update HH set 字段 名 二 值 where 条 件 子 句 。 例 如 : 
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update person set name= 'niit' where id- 10 
C5) 删除 语句 : delete from 表 名 where 条 件 子 句 。 例 如 : 
delete from person where id= 10 


用 户 还 可 以 使 用 oncreateQ All onupgrade( ) 方 法 实现 数据 库 版 本 管理 。 当 数据 库 被 
创建 时 会 调用 oncreate() 方 法 ,并 且 该 方法 只 会 被 调用 一 次 。 如 果 用 户 需要 升级 数据 库 ， 
只 需要 将 代码 放 入 onupgrade() 方 法 中 并 改变 版 本 号 , 当 用 户 获 取 数 据 库 实例 时 就 会 调 
用 到 onupgrade() 方 法 升级 数据 库 。 

getWritableDatabase() 和 getReadableDatabase( ) 方 法 都 可 以 获取 一 个 用 于 操作 数 
据 库 的 SQLiteDatabase 实例 。 但 getWritableDatabase() 方法 以 读 写 方式 打开 数据 库 ， 
一 旦 数据 库 的 磁盘 空间 满 了 ,数据 库 就 只 能 读 而 不 能 写 , 倘若 使 用 的 是 getWritable- 
Database() 方 法 就 会 出 错 。getReadableDatabase() 方 法 先 以 读 写 方式 打开 数据 库 , 如果 
数据 库 的 磁盘 空间 满 了 ,就 会 打开 失败 , 当 打 开 失 败 后 会 继续 尝试 以 只 读 方式 打开 数 
据 库 。 

对 于 数据 库 的 操作 ,用 户 可 以 选择 使 用 SQL 语句 和 系统 API 提供 的 类 实现 。 

(1) SQL 语句 。 

exceSQL( 预 编译 的 SQL 语句 ,参数 数组 ) : 此 方法 实现 数据 库 的 增 、 删 、 改 。 

rawQuery( 预 编译 的 SQL 语句 ,参数 数组 ): 此 方法 实现 数据 库 的 查询 ,返回 值 为 
Curser 类 型 的 游标 结果 集 。 

(2) 系统 API 查询 方法 。 

增加 : insert( 表 名 ,null, 数 据 集合 ) ,该 方法 返回 Long 型 的 添加 行 ID, 若 返回 一 1 则 
表示 添加 失败 。 使 用 该 方法 需要 创建 数据 集合 .具体 方法 如 下 : 


ContentValues values= new ContentValues|() ; 
Values.put (key, value) ; 


删除 : delete( 表 名 ,选择 条 件 ( 参 数 用 ? 表示 ) ,参数 数组 ) ,该 方法 的 返回 值 是 inc 型 


的 数值 ,表示 影响 的 行 数 。 
修改 ; update( 表 名 ,values, 选 择 条 件 ( 参 数 用 ? 表示 ) ,参数 数组 ) ,该 方法 的 返回 值 
同 delete。 


查询 : query( 表 名 , 列 名 数组 ,查询 条 件 , 参 数 数组 ,分 组 条 件 ,分 组 查询 条 件 ,排序 条 
fF) ,返回 值 为 Curser 类 型 的 游标 结果 集 。 


获取 数据 库 的 实例 : 
public class DatabaseHelper extends SQLiteopenHelper { 
private static final String name= "niit"; /数据 库 名 称 
private static final int version- 1; /数据 库 版 本 


} 
public class HelloActivity extends Activity { 
@ Override public void onCreate Bundle savedInstanceState) { 
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Button button= (Button) this.findViewById(R.id.button); 

button.setonclickListener (new View.OnCLickListener () ( 
public void onClick (View v) { 
DatabascHelper databaseHelper= new DatabaseHelper (HelloActivity.this); 
SQLiteDatabase d> databasetielper.getWritableDatabase () ; 
do.execSQL ("insert into person (name, age) values (?,2)", new Object [] ("niit", 4)); 
do.close(); 

We 








Hello world! 
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图 6-12 数据 库 的 创建 





2. ContentProvider 


(1) Content Provider 类 使 用 介绍 

当 应 用 继承 ContentProvider 类 ,并 重 写 该 类 用 于 提供 数据 和 存储 数据 的 方法 时 ,就 
可 以 向 其 他 应 用 共享 其 数据 。 之 前 学 习 过 文件 的 操作 模式 ,通过 指定 文件 的 操作 模式 为 
Context. MODE_WORLD_READABLE 或 Context. MODE_WORLD_WRITEABLE 同样 可 
以 对 外 共享 数据 ,但 数据 的 访问 方式 会 因数 据 存储 的 方式 而 不 同 ,如 采用 xml 文件 对 外 
共享 数据 ,需要 进行 xml 解析 读 写 数据 ;采用 sharedpreferences 共享 数据 ,需要 使 用 
sharedpreferences API 读 写 数据 。 而 使 用 ContentProvider 共享 数据 的 优点 是 统一 数据 
访问 方式 。 

通过 ContentProvider 对 外 共享 数据 的 步骤 如 下 : 

(D 继承 ContentProvider 并 重 写 以 下 方法 。 








public class PersonontentProvider extends ContentProvider{ 
public boolean onCreate() 
public Uri insert (Uri uri, ContentValues values) 
public int delete (Uri uri, String selection, String[] selectionArgs) 
phlic int update (Uri uri, ContentValues values, String selection, String[] selectionArgs) 
public Cursor query (Uri uri, String[] projection, String selection, String[] selectionArgs, String 
sortOrder) 
public String getType(Uri uri) } 
© 在 AndroidManifest. xml "P fii JH — provider XI iZ ContentProvider 进行 配置 ,为 
了 能 让 其 他 应 用 找到 该 ContentProvider. ContentProvider 采用 了 authorities XE BLA / B 
名 ) 对 它 进行 唯一 标识 ,可 以 把 ContentProvider 看 作 一 个 网 站 ,authorities 就 是 它 的 
域名 。 


«manifest .> 
< application android:icon- "@ drawable/icon" android:label- "@ string/app name" 
< provider anchoid:name= ". PersonContentProvider" android:authorities- 
"cn.niit.providers.personprovider"/» 
< application» 
< /manifest» 


(2) UriMatcher 类 使 用 介绍 

Uri 代表 要 操作 的 数据 ,所 以 通常 需要 解析 Uri, 并 从 Uri 中 获取 数据 。Android 系 
统 提供 了 两 个 用 于 操作 Uri 的 工具 类 ,分 别 为 UriMatcher 和 ContentUris。 掌 握 它们 的 
使 用 ,会 便于 我 们 的 开发 工作 。 

UriMatcher 类 用 于 匹配 Uri, 它 的 用 法 如 下 : 

(D 统一 注册 需要 匹配 Uri 的 路 径 。 


// 常 量 UriMatcher. NO MarcH 表 示 不 匹配 任何 路 径 的 返回 码 
UriMatcher sMatcher- new UriMatcher (UriMatcher.ND MATCH); 
// 如 果 matah() 方 法 匹配 content: //cn.niit.provider.personprovider/perscn BR TS ,i& [n] DE ACIS 1 
siMatcher.addURI ("cn.niit.provider.personprovider", "person", 1); 
// 添 加 需要 匹配 uri 如 果 匹 配 就 会 返回 匹配 码 
// 如 果 match() 方 法 匹配 content://cn.niit.provider.perscnprovider/perscn/230 路 径 ,返回 匹配 码 为 2 
Matcher .addURI ("cn.niit.provider.personprovider", "person/f", 2); 
//# 号 为 通配符 
switch (sMatcher.match (Uri .parse ("ocntent-:/ /cn.niit..provider .persanprovider/persan/10"))) { 
casel 
break; 
case 2 
break; 
default:// 不 匹配 
break; 





} 


@ 注册 完 需 要 匹配 的 Uri 后 ,就 可 以 使 用 sMatcher. match(uri) 方 法 对 输入 的 Uri 
进行 匹配 ,如 果 匹 配 就 返回 匹配 码 , 匹 配 码 是 调用 addURI() 方 法 传 入 的 第 三 个 参数 , 假 

















设 匹 配 content: //cn. niit. provider. personprovider/person 路 径 ,返回 的 匹配 码 为 1, 
(3) ContentUris 类 使 用 介绍 
ContentUris 类 用 于 获取 Uri 路 径 后 面 的 ID 部 分 , 它 有 两 个 比较 实用 的 方法 。 
(D withAppendedId(uri, id) 用 于 为 路 径 加 上 ID 部 分 。 
Uri uri= Uri.parse ("content: //cn .niit .provider .personprovider/person") 
Uri resultUri= ContentUris.withAgpendedId (uri, 10); 
// 生 成 后 的 Uri 为 : content: //cn.niit.provider.personprovider/person/10 


© parseld(uri) 方 法 用 于 从 路 径 中 获取 ID 部 分 。 


Uri uri= Uri .parse ("content.: //cn.niit.provider.personprovider/person/10") 

long personid- ContentUris.parseId (uri); // 获 取 的 结果 为 10 

(4) 使 用 ContentProvider 共享 数据 

ContentProvider 类 主要 方法 的 作用 如 下 : 

(D public boolean onCreate ( ) 。 该 方法 在 ContentProvider 创建 后 就 会 被 调用 ， 
Android 开机 后 ,ContentProvider 在 其 他 应 用 第 一 次 访问 它 时 才 会 被 创建 。 

@ public Uri insert CUri uri. ContentValues values)。 该 方法 用 于 供 外 部 应 用 向 
ContentProvider 添加 数据 。 

(3) public int delete( Uri uri. String selection. String[ ] selectionArgs) 。 该 方法 用 于 
供 外 部 应 用 从 ContentProvider 中 删除 数据 。 

(D public int update (Uri uri. ContentValues values. String selection, String[ ] 
selectionArgs) 。 该 方法 用 于 供 外 部 应 用 更 新 ContentProvider 中 的 数据 。 

© public Cursor query (Uri uri. String[ ] projection. String selection. String[ ] 
selectionArgs, String sortOrder) 。 该 方法 用 于 供 外 部 应 用 从 ContentProvider 中 获取 
数据 。 

© public String getType(Uri uri) 。 该 方法 用 于 返回 当前 Url 所 代表 数据 的 MIME 
类 型 。 如 果 操 作 的 数据 属于 集合 类 型 ,那么 MIME 类 型 字符 串 应 该 以 vnd. android. 
cursor. dir/ 开 头 , 例 如 ,要 得 到 所 有 person 记录 的 Uri 为 content: //cn. niit. provider. 
personprovider/person, 那 么 返回 的 MIME 类 型 字符 串 应 该 为 vnd. android. cursor. dir/ 
person。 如 果 要 操作 的 数据 属于 非 集合 类 型 数据 ,那么 MIME 类 型 字符 串 应 该 以 vnd. 
android. cursor. item/ 开 头 , 例 如 ,得 到 ID 为 10 的 person 记录 ,Uri 为 content: / /cn. niit. 
provider. personprovider/person/10, 那么 返回 的 MIME 类 型 字符 串 应 该 为 vnd. 
android. cursor. item/person, 


效果 如 图 6-13 所 示 。 
632 项 目 功能 相关 代码 设计 
1. 会 话 页 面 逻辑 代码 


会 话 页 面 的 设计 需要 初始 化 页 面 、 找 到 布局 中 的 控件 并 且 绑 定 监听 器 
(OnClickListener) 和 适配器 (CursorAdapter) 。 











Button inser 
insert.seton| 




















图 6-13 内 容 提供 者 


private void initView()( 
nMiltiDeleteSet- new HashSet< Integer» (); 
mListView= (ListView) findViewById(R.id.lv conversation); 
btrNewMessage- (Button) fincViewById(R.id.btn conversation new message); 
btnSelectAll- (Button) findViewById(R.id.btn conversation select all); 
btnCancelSelect- (Button) findViewById(R.id.btn conversation cancel - 
select); 
btnDeleteMessage= (Button) findViewById(R.id.btn conversation delete - 
message); 
btnNewMessage.setOnClickListener (this); 
btnSelectAll.setOnClickListener (this); 
btnCancelSelect.setOnClickListener (this); 


btnDeleteMessage.setOnClickListener (this); 
mListView.setOnItenClickListener (this) ; 


mAdapter= new ConversationAdapter (this, null); 
niListView.setAdepter (mAdapter) ; 
} 
本 页 面 有 两 个 状态 : 列表 和 编辑 。 不 同 的 状态 下 显示 的 控件 不 同 ,并 且 单 击 
ListView 后 所 做 的 操作 也 不 一 样 。 
private int currentState- LIST STATE; // 当 前 默认 的 状态 为 列表 状态 
currentState- — EDIT STATE 
在 监听 的 回调 方法 根据 单 击 的 ID 进行 相应 的 操作 .新建 信息 跳 转 新 建 信息 页 面 。 全 
选 按钮 被 单 击 时 将 适配器 中 的 游标 结果 集中 数据 全 部 放 和 删除 选项 集合 中 ,并 把 游标 结 
果 集 复位 。 取 消 按钮 被 单 击 时 将 删除 选项 集合 中 的 数据 清空 。 单 击 删除 信息 按钮 ,弹出 
删除 信息 对 话 框 。 




















public void onClick (View view) ( 
switch (view.getId()) { 
case R.id.btn conversation new message: /新 建 信息 
Intent intent- new Intent (this, NewMessageUI.class); 
startActivity (intent) ; 
break; 


case R.id.btn conversation select all: — //S it 
Cursor cursor mAdapter.getCursor () ; 
cursor.moveToPosition(- 1); // 将 游标 结果 集 移动 到 初始 位 置 


while (cursor.mpveTcNext ()) { 
nMiltiDeleteSet.acd(aursor.getInt (THREAD ID COLUMN INIEX)); 
} 
mAdapter .notifyDataSetChanged () ; // 刷 新 数据 
Tefrechstate()7 
break; 


case R.id.btn conversation cancel select: // 取 消 选 择 
mMiltiDeleteSet.clear(); 
mAcspter .noti fyDataSetChanged () ; 
refredhState() ; 
break; 


case R.id.btn conversation delete message: // 删 除 信息 
showConfirmDeleteDialog() 7 
break; 


) 


调用 工具 类 中 的 CommonAsyncQuery 对 象 查询 数据 ,此 查询 方法 为 异步 查询 ,可 以 
直接 在 主线 程 中 使 用 。 查 询 完毕 后 的 游标 结果 集 在 传人 的 Adapter 中 可 以 直接 拿 到 。 
private void prepareData () { 
ComronAsynoQuery asyncQuery- new ComonAsyncQuery (getContentResolver ()) ; 
asyncQuery.startQuery (0, mAdapter, Sms.CONVERSATION URI, 
projection, mll, mil, "date desc"); 
} 


CursorAdapter 可 以 直接 在 构造 中 获得 游标 结果 集 。 


public ConversationAdapter (Context context, Cursor c) { 
super (context, c); 
//TODO Auto- generated constructor stub 

} 


newView 方法 中 得 到 item 的 视图 和 其 中 需要 使 用 的 控件 并 返回 bindView。 
public View newView(Context content, Cursor curser, ViewGroup parent) 


在 bind View 方法 中 使 用 游标 结果 集 对 获取 到 的 视图 控件 进行 数据 绑 定 。 








public void bindView (View view, Context context, Cursor cursor) 
创建 options 菜单 ,只 会 被 调用 一 次 。 


@ Override 


public boolean onCreateOptionsMenu (Menu menu) { 


/ ODO Auto- generated method stub 
menu.add (0, SEARCH ID, 0, "ER"; 
menu.acd (0, EDIT ID, 0, "4a 4"); 
menu.add (0, CANCEL EDIT ID, 0, "取消 编辑 "); 
return super .onCreateOptiionsMenn (menu) ; 

} 


当 菜 单 要 显示 在 屏幕 上 时 回调 ,控制 显示 哪 一 个 菜单 。 


@ Override 
public boolean onPrepareOptionsMenu (Menu menu) 


当 Options 菜单 被 选中 时 回调 。 


@ Override 


public boolean onOptionsTtenSelected (MenuTtem item) 


单 击 删除 信息 后 弹出 自 定义 对 话 框 ,确认 是 否 删 除 , 单 击 OK 按钮 弹出 删除 进度 条 对 
话 框 并 开启 子 线程 删除 短信 ,为 确保 能 看 到 进度 条 效果 ,本 程序 中 使 用 sleep. 


private void showConfimDeleteDialog() { 


} 


Builder builder- new Builder (this); 

builder.setIoon (android.R.draweble.ic dialog alert); // 设 置 图 标 
builder.setTitle ("Hl BR"); 

builder. setMessage ("iii UHH BR i P ff) 2e 1 3 v) ; 

builder. setPositiveButton ("Ok", new DialogInterface.OnClickListener() ( 


@ Override 


public void onClick (Dialoginterface arg0, int argl) ( 
// 弹 出 进度 对 话 框 


showDeleteProgressDialog(); 
// 开 启 子 线程 ,真正 删除 短信 ,每 删除 一 条 短信 ,更 新 进度 条 
new Thread (new DeleteRunnable()) .start (); 


2. 会 话 详情 页 面 逻 辑 代码 


设置 页 面 标题 ,根据 intent 传 过 来 的 参数 address 查询 出 联系 人 的 姓名 ,此 处 的 查询 
方法 因为 需要 反复 用 到 ,所 以 写成 了 工具 类 。 如 果 该 名 联系 人 没有 设置 姓名 则 使 用 号 码 


RE. 

















private void initTitle() { 
Intent intent= getIntent () ; 
thread id intent.getIntExtra ("thread id",- 1); 
address= intent.getStringextra ("address"); 


String contactName- Utils.getContactName (getContentResolver (), 
address); 


TextView twNeme- (TextView) fincViewByld(R.id.tv conversaticn detail name); 
if (TextUtils.isEmpty (contactNare) ) { 
twName. set Text (address) ; 
Jelset 
tvName.setText (contactName) ; 
P 


) 
此 页 面 的 数据 需要 通过 上 一 个 传 过 来 的 ID 取得 并 且 按照 时 间 顺 序 倒叙 显示 。 


private void prepareData() ( 
Camcnpeyncpuery asyncQuery= new CamensyncQuery (getOontentResalver ()) 7 
asyncQuery.startQuery (0, mAdapter, Sns.SMB_URI, projection, "thread id= 2", new String[] (thread idt"), 
"date"; 

} 


操作 数据 库 中 的 信息 和 联系 人 表 需 要 使 用 contentprovider, 即 需要 知道 系统 提供 的 
uri。 例 如 : 


Sms.SMS URI 
public static final Uri SMS URI- Uri parse ("ocntent:://sms/") ; 


此 方法 在 CurserAdapter 的 内 容 发 生 改变 时 回调 .将 List View 移动 到 最 后 一 行 。 


@ Override 
protected void onContentChanged() { 
super .anContentChanged () ; 
miListView.setSelection (mListView.getCount ()) ; 
} 


单 击 事件 回调 , 单 击发 送 在 判断 完 号 码 和 内 容 后 将 短信 发 送出 去 并 将 输入 框 的 内 容 
置 空 。 单 击 返 回 按钮 调用 finish 销毁 此 页 面 。 


@ Override 
public void onClick (View view) { 
switch (view.getId()) { 
case R.id.conversation detail send: 
String content= etContent .get Text () .toString() ; 
if (TextUtils.isEmpty (content)) ( 
Toast.makeText (this, "Ki fri AE AS BE JJ 28 ", Toast.IENGIH SHORT). 
show ()7 
break; 
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} 

// 发 送 短 信 

Utils.sendMessage (this, address, content); 
etContent .setText (ml: 


3. 新 建 信息 页 面 逻辑 代码 


新 建 信息 页 面 需 设 置 自动 提示 文本 框 ,singleLine 设置 显示 的 行 数 inputType 设置 
可 输入 的 内 容 。 


< AutoCampleteTextView 
android:id- "@ + id/actv new message number" 
android:layout width- "Odip" 
android:laycut height- "wrap content" 
android:laycut weight- "1" 
android:singleLine- "true" 
android:inputType- "phone" 
android:hint= "请 输入 手机 号 " 
android:textColor- "@ android:color/black" 
android:oqmpletionIhreshold- "1" 
android:background- "@ drawable/oammon edittext bg" /> 


设置 内 容 查询 提供 者 , 当 自动 提示 文本 框 开始 过 滤 查 询 时 回调 。 


@ Override 
public Cursor runQueryOnBackgroundihread (CharSequence constraint) { 


//Ehone.CONTENT URI 默认 是 查 出 所 有 联系 人 的 号 码 

String selection- "datal like 2"; 

String selectionArgs[]= {constraint+ "$ "); 

Cursor cursor= getContentResolver ().query (Phone.CONIENT URI, contact projection, selection, 
selectionArgs, null); 


return cursor; 
) 
当 单 击 提示 列表 时 ,显示 在 输入 框 显 示 的 内 容 。 


@ Override 
public CharSequence convertToString(Cursor cursor) { 
return cursor.getString (ADDRESS COLUMN INDEX); 

















) 
隐 式 开启 选择 联系 人 界面 。 


Intent intent- new Intent(Intent.ACTION PICK); 
intent.setData (Contacts .CONIENT_URT); ”// 获 取 当 前 系统 中 隐 式 调用 联系 人 界面 所 需 的 uri 
startActivityForResult (intent, 100);  //100 为 请 求 码 , 为 了 区 分 是 哪个 程序 调用 


从 开启 的 Activity 被 关闭 时 的 回调 函数 requestCode 为 开启 界面 时 的 请 求 码 ， 
resultCode 为 被 开启 界面 的 返回 码 。 当 前 联系 人 有 号 码 时 将 号 码 显 示 在 输入 框 内 , 若 没 
有 号 码 则 弹出 Toast 提示 。 


@ Override 
protected void onActivityResult (int requestCode, int resultCode, Intent data) { 
if (requestOode- = 100 && resultOode- = Activity.RESULT_OK) { 

Uri uri- data.getData (); 

int contact ID= Utils.getContactID (getContentResolver () , uri); 

if(contactID !-- DI 
// 当 前 联系 人 有 号 码 
(getContentResolver(), contactID); 
actvNunber.setText (contactAddress) ; 
etcontent.requestFocus();// 编 辑 短信 文本 框 取得 焦点 

Jeiset 
Toast makeext (this, "当前 联系 人 尚未 添加 手机 号 "， Toast .LENGTH_ 
SHORT) «show () ; 


) 


super.onActivityResult (requestCode, resultCode, data); 
) 


4. XE AR da iE HERES 
查询 各 文件 夹 中 信息 的 条 目 数 。 


for (int i=0; i< 4; i+ +){ 
countMap.put (i, 0); 


uri-Utils.getUriFrauIndex (i); 


asyncQuery.startQuery(i, null, uri, new String[]("count (* )"), null, null, null); 
} 
当 刷新 完 数据 之 后 回调 此 方法 ,将 cursor 传 给 mAdapter 并 且 通 知 mAdapter 数据 
改变 ,刷新 页 面 数据 。 
@ Override 
public void onPostNotify (int token, Cbject cookie, Cursor cursor) { 
if(cursor != null && cursor.moveToFi rst () ) { 
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countMap.put (token, cursor.getInt (0)) ; 
mAdapter .noti fyDataSetChanged () ; 


) 
单 击 ListView 中 的 某 一 项 跳 转 到 文件 夹 详情 页 面 。 


@ Override 
püblic void onTtemClick(AdepterViewc > arg0, View argl, int arg2, long arg3) { 
//TOD0 Auto- generated method stub 
Intent intent- new Intent (this, FolderDetailUI.class) ; 
intent.putExtra "index", arg?) ; 
startActivity (intent) ; 
) 


5. 文件 夹 详情 页 面 逻 辑 代 码 


当前 页 面 需要 使 用 日 期 对 短信 进行 归 类 ,并 且 日 期 应 属于 ListView 的 一 部 分 ,此 时 
就 需要 复写 CursorAdapter 中 的 getView 方法 。 如 果 当 前 的 position 在 集合 日 期 中 可 以 
取 到 值 时 返回 TextView, 若 取 不 到 则 返回 短信 的 item。 

使 用 Adapter 的 ListView 可 以 实现 item 的 复 用 ,如 果 将 TextView 的 对 象 拿 来 显示 
短信 item 数据 ,就 会 发 生 异 常 导 臻 系统 程序 崩溃 。 所 以 , 当 List View 滚动 获取 缓存 中 的 
convertView 时 需要 对 convertView 进行 判断 , 若 convertView 不 存在 或 者 类 型 是 
TextView, 就 需要 重新 设置 一 个 短信 item 对 象 。 


@ Override 
public View getView(int position, View convertView, ViewGroup parent) { 
// 当 position 可 以 在 日 期 集合 中 取 到 值 时 ,返回 的 是 textview 
if (dateMap.containsKey (position))( 
// 当 前 需要 显示 日 期 
TextView tvDate- new TextView (FolderDetailUI.this); 
‘tvDate.setBackgroundResouroe (android.R.color.darker gray); 
tvDate.setTextSize (20) ; 
tvDate.setTextColor (Color.WHTTE) ; 
tvDate.setGravity (Gravity.CENIER) ; 
tvDate.set‘Text (dateMap.get (position)); 
retum tvDate; 


} 
// 返 回 短信 的 item 
Cursor nCursor- madapter.getCursor(); 
Cursor .moveToPosition (ansRealPositionMap.get (position)); 
View v; 
/ [convextNiew instanceof TextView 当 listview 滚 动 获取 缓存 中 的 
convertView 为 TextView 类 型 时 ,重新 设置 一 个 item 对 象 
if (convertView==null | | convertView instanceof TextView) { 

















v-newWiew(FolderDetailUI.this, mCursor, parent); 
} else { 
‘v= convertView; 
I 
bindView(v, FolderDetailUI.this, mCursor); 
retum v; 
) 


?4 Adapter 更 新 之 前 回调 此 方法 (用 户 做 一 些 适 配 数据 之 前 的 准备 操作 ) ,此 方法 中 
的 操作 用 于 将 短信 按 日 期 归 类 显示 在 界面 上 。 需 要 dateMap 和 smsRealPositionMap 两 
个 集合 ,判断 该 索引 中 的 日 期 在 dateMap 中 是 否 已 经 存在 , 若 不 存在 就 将 该 数据 的 索引 
和 日 期 存 人 集合 ,并 将 ListView 中 的 索引 ++ 。 之 后 将 listview 中 的 索引 和 该 条 数据 的 真 
实 索引 存 人 smsRealPositionMap 中 ,最 后 将 游标 复位 到 一 1 方便 以 后 对 游标 结果 集 的 
操作 。 


@ Override 
public void onPreNotify(int token, Cbject cookie, Cursor cursor) { 
if(cursor !- null && cursor.getCount ()> 0) ( 


java.text.DateFormat dateFormat= DateFormat .getDateFormat (this) ; 
String strDate- null; 
int listViewIndex- 0; //listView 中 的 索引 
while (cursor .moveToNext () ) { 
long date= cursor.getlong (DATE COLUMN_INDEX) ; 
strDate- dateFormat.. format (date) ; 
// 刊 断 当前 短信 日 期 是 否 存在 集合 中 ,不 存在 就 存 一 份 
if (!dateMap.containsValue (strDate) ) { 
dateMep.put (ListViewIndex, strDate); 
listViewIndext + ; 
} 


s@msReal PositionMap.put (listViewIndex, cursor.getPosition ()); 
listViewIndext +; 
// 把 当前 短信 的 真实 索引 存放 在 ssRealPositiorMep 中 

} 

// 把 游标 复位 到 -1 


cursor moveToPosition(- 1); 


) 
6. 群 组 页 面 远 辑 代码 


创建 Options 菜单 的 另 一 种 方法 是 在 Menu 文件 夹 下 创建 menu 的 xml 文件 后 在 其 
Java 代码 中 调用 。 
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@ Override 
public boolean onCreateOptionsMenu (Menu menu) { 
getMenuinflater () .inflate (R.menu.create_group, menu) ; /将 su 文件 添加 到 菜单 选项 中 
return super.onCreateOptionsMenu (menu) ; 
} 


当前 页 面 继承 ListActivity 只 需要 getListView 即 可 获得 ListView WH. 
ListView mListView- getlistView(); 
弹出 新 建 群 组 对 话 框 。 
private void showcreateGroupDialog() 
在 对 话 框 中 显示 试图 。 
dialog.setView(view,0,0,0,0) ; 
设置 对 话 框 所 占 整 个 屏幕 的 大 小 。 
HAR A E HE Ba J E 
LayoutParams Ip= dialog.getWindow () .getAttributes () ; 


// 整 个 屏幕 的 宽度 
Ip.width= (int) (getWirdcwMenager () .getDefaultDisplay().getWidth() * 0.7); 
dialog.getWindow () .setAttributes (Ip) ; 


将 输入 的 名 称 作为 参数 挫 人 插入 语句 ,插入 群 组 的 数据 。 


protected void createGroup(String groupName) { 
ContentValues values- new ContentValues () ; 
values.put ("group name", groupNare) ; 
Uri uri= getContentResolver () .insert (Gns.GROUPS_INSERT URI, values); 
if (ContentUris.parseId(uri) !=-1){ 
Toast.makeText (this, "HE 2H EISE aD)", Toast.LENGIH_SHORT) .show() ; 


) 


在 内 容 提供 者 中 加 入 以 下 代码 , 当 数 据 库 中 的 数据 发 生 改变 的 同时 ,适配器 刷新 
数据 。 


// 通 知 此 uri 数 据 改变 ,数据 改变 了 就 会 重新 查询 数据 
getContext () .getContentResolver () .notifyChange (Sms.GROUPS QUERY ALL URI, null); 
// 给 游标 结果 集 设置 一 个 通知 的 uri 
aursor.setNbtificationUri (getContext () .getContentResolver () ,Sms.GROUES _ 
QUERY ALL URI); 


CursorAdapter 的 自动 刷新 过 程 。 


ContentResclver () .notifyChange 
—> Changedbserver .onChange 




















— > CursorAdapter .onContentChanged 
关键 步骤 : 此 方法 会 调用 cursor. reQuery 方法 查询 最 新 的 结果 。 


一 > DataSetCbserver .onChanged 
-> Basepdapter.notifyDatasetchanged 开始 刷新 数据 


6.4 系统 运行 与 效果 测试 


系统 运行 与 效果 测试 如 图 6-14 一 图 6-19 所 示 。 
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图 6-14 全 选 模式 














图 6-15 删除 信息 Dialog 
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图 6-16 会 话 详情 界面 





图 6-17 已 发 送 文件 夹 详情 
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图 6-19 和 群 组 创建 成 功 


6.5 本 章 小 结 


通过 本 章 的 学 习 , 对 Android 的 四 大 组 件 之 一 ContentProvider 有 了 一 个 初步 的 认 
识 ,能 够 结合 SQLite 获取 Android 系统 中 的 一 些 开 放 数 据 , 并 且 对 其 进行 一 定 程度 的 修 
改 。 界 面 方面 ,我 们 学 习 了 碎片 中 的 一 个 重要 的 部 分 Tabhost。 使 用 该 控件 可 以 很 容易 
地 做 出 漂亮 的 界面 效果 。 
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6.6 项 目 实 践 


CD 把 做 好 的 APP 安装 到 实验 用 手机 ,测试 会 话 、 文 件 夹 和 群 组 模块 功能 。 
(2) 使 用 不 同 分 辩 率 的 模拟 器 测试 效果 。 

(3) 使 用 不 同 版 本 的 模拟 器 测试 效果 。 

(4) 理解 ContentProvider 的 实现 原理 及 其 用 法 。 

(5) 掌握 SQLite 数据 库 的 创建 .更 新 和 增 、 删 \ 改 、 查 等 功能 。 


Pm 


本 章 的 工作 目标 如 下 : 

CD 完成 系统 概要 设计 。 

(2) 掌握 Android 网 络 通信 原理 。 
(3) 掌握 Android Butterknife 框架 。 
(4) 实现 Splash 界面 效果 。 

(5) 实现 注册 .登录 功能 。 

(6) 实现 学 生 信息 管理 功能 。 

(7) 实现 密码 修改 功能 。 


7.1 项 目 分 析 


学 生 信息 管理 系统 主要 用 于 学 校 学 生 信 息 管理 ,总 体 任 务 是 实现 学 生 信息 关系 的 系 
统 化 ,科学 化 ,规范 化 和 自动 化 ,其 主要 任务 是 用 计算 机 对 学 生 各 种 信息 进行 日 常 管理 ,如 
查询 修改、 增加、 删除 等 。 

本 项 目 主要 包括 以 下 几 部 分 : Splash 界面 设计 , 软件 升级 ;注册 、 登 录 页 面 及 功能 ; 
学 生 信 息 管 理 功能 实现 。 

(1) 班级 ,课程 的 设置 管理 : 教师 可 以 根据 本 校 具体 情况 在 每 学 期 开始 时 设置 所 需 
班级 数量 和 人 数 。 并 设置 本 学 期 的 课程 。 

(2) 权限 管理 : 为 了 很 好 地 保证 系统 的 安全 性 ,学 校 相关 负责 人 可 以 设置 不 同类 型 
人 员 的 权限 。 

(3) 学 生 档案 管理 : 学 生 档 案 的 数量 十 分 庞大 ,教务 管理 人 员 进 行 新 生 入 学 的 档案 
录入 及 更 改 。 其 中 包括 学 生 个 人 信息 的 修改 。 

CA) 学 生成 绩 管理 : 教务 管理 人 员 可 以 查询 和 修改 学 生 的 历年 考试 成 绩 ,掌握 学 生 
学 习 情况 ,作为 评定 学 生 素质 的 数据 依据 。 

(5) 密码 修改 。 

本 章 结构 框架 如 图 7-1 所 示 。 
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图 7-1 学 生 信 息 管 理 系 统 结构 框架 
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注册 、 登 录 系统 维护 班级 管理 、 课 程 管理 退出 系统 
密码 | | 权限 名 模块 的 增 、 删 、 改 、 查 操作 
管理 | | 管理 


7.2 数据 库 设 计 : 系统 使 用 mysql 数据 库 


根据 系统 功能 设计 的 要 求 以 及 功能 模块 的 划分 ,对 于 系统 用 户 信息 数据 库 , 可 以 列 出 
以 下 数据 项 和 数据 结构 。 

CD 学 生 信息 表 ( 见 表 7-1) 

表 名 称 标 识 : Student X. 

数据 来 源 : 学 生 信息 录入 模块 进行 录入 。 


表 7-1 学 生 信息 表 (Student) 






































字段 名 字段 类 型 KH | 主 /外 键 | 字段 值 约束 对 应 中 文 名 
Student_id int 4 P Not null 学 号 
Student_name nvarchar 10 Not null 姓名 
Sex char 2 性 别 
Birth smalldatetime 4 出 生年 月 
Nation char 8 民族 
Class_id int 4 Not null 班级 号 
Entrance_date smalldatetime Not null 入 学 时 间 
home nvarchar 40 家 庭 地 址 
politic char 10 政治 面貌 
ID nvarchar 18 身份 证 号 
Job nvarchar 20 职位 
specialty nvarchar 20 所 学 专业 



































(2) 学 生成 绩 表 ( 见 表 7-2) 
表 名 称 标识 : Student course X, 
数据 来 源 : 学 生成 绩 录 入 模块 进行 录入 。 


表 7-2 学 生成 绩 表 (Student_course) 
















































































字段 名 字段 类 型 ER | 主 / 外 键 | 字段 值 约束 对 应 中 文 名 
Course_id int 4 P Not null 课程 号 
Student_id int 4 P Not null 学 号 
Grade float 8 Not null 成 绩 
SC_semester Smallint 2 Not null 学 期 
School_year Smallint 2 Not null 学 年 
(3) 班级 表 ( 见 表 7-3) 

表 名 称 标识 : class X. 
数据 来 源 : 班级 管理 模块 进行 录入 。 
表 7-3 班级 表 (class) 

字段 名 字段 类 型 KH | 主 /外 键 | 字段 值 约束 对 应 中 文 名 
Class id int 4 P Not null 班级 号 
Grade char 10 年 级 
Class_name nvarchar 40 Not null 班级 名 称 
SumStu int 4 班级 人 数 
MaxNum int 4 最 大 人 数 
(4) 课程 表 ( 见 表 7-4) 

表 名 称 标识 : course X. 
数据 来 源 : 课程 管理 模块 进行 录入 。 
表 7-4 课程 表 (course) 

字段 名 字段 类 型 KH | 主 / 外 键 | 字段 值 约束 对 应 中 文 名 
Course id int 4 P Not null 课程 号 
Course_name Credit 20 Not null 课程 名 
Credit Smallint 2 学 分 




















(5) 用 户 表 ( 见 表 7-5) 
表 名 称 标识 : Syuser 表 。 
数据 来 源 : 权限 管理 模块 进行 录入 。 
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表 7-5 用 户 表 (Syuser) 




















字段 名 字段 类 型 KE | 主 /外 键 | 字段 值 约束 对 应 中 文 名 
User id char 10 P Not null 用 户 编号 
User_name 10 Not null 用 户 名 
User_role 10 用 户 角 色 
Password 8 密码 

















7.3 项 目 功能 的 实现 
731 知识 准备 


1. Android 网 络 通信 概述 


Android 与 服务 器 通信 通常 采用 HTTP 通信 方式 和 Socket 通信 方式 ,而 HTTP 通 
信和 方式 又 分 为 get 和 post 两 种 方式 。 本 项 目 中 使 用 的 是 HTTP 通信 方式 。 

(D HTTP 协议 

HTTP (HyperText Transfer Protocol) Web 联网 的 基础 ,也 是 手机 联网 常用 的 协 
议 之 一 ,HTTP 协议 是 建立 在 TCP 协议 上 的 一 种 协议 。 

HTTP 连接 最 显著 的 特点 是 客户 端 发 送 的 每 次 请 求 都 需要 服务 器 回 送 响应 ,在 请 求 
结束 后 ,会 主动 释放 连接 。 从 建立 连接 到 关闭 连接 的 过 程 称 为 “一 次 连接 ”。 在 HTTP 1.0 
中 ,客户 端的 每 次 请 求 都 要 求 建立 一 次 单独 的 连接 ,在 处 理 完 本 次 请 求 后 ,就 自动 释放 连 
接 。HTTP 1. 1 则 可 以 在 一 次 连接 中 处 理 多 个 请 求 . 并 且 多 个 请 求 可 以 重合 进行 ,不 需要 
等 待 一 个 请 求 结束 后 再 发 送 下 一 个 请 求 。 

由 于 HTTP 在 每 次 请 求 结束 后 都 会 主动 释放 连接 ,因此 HTTP 连接 是 一 种 “ 短 连 
接 ”, 要 保持 客户 端 程序 的 在 线 状态 ,需要 不 断 地 向 服务 器 发 起 连接 请 求 。 通 常 的 做 法 是 
即使 不 需要 获得 任何 数据 ,客户 端 也 保持 每 隔 一 段 固定 的 时 间 向 服务 器 发 送 一 次 “保持 连 
接 ” 的 请 求 , 服 务 器 在 收 到 该 请 求 后 对 客户 端 进行 回复 ,表明 知道 客户 端 “在 线 ”。 若 服务 
器 长 时 间 无 法 收 到 客户 端的 请 求 , 则 认为 客户 端 “ 下 线 ”, 若 客户 端 长 时 间 无 法 收 到 服务 器 
的 回复 , 则 认为 网 络 已 经 断 开 。 

基于 HTTP 1.0 协议 的 客户 端 在 每 次 向 服务 器 发 出 请 求 后 ,服务 器 就 会 向 客户 端 返 
回响 应 消息 ,在 确认 客户 端 已 经 收 到 响应 消息 后 ,服务 端 就 会 关闭 网 络 连接 。 在 这 个 数据 
传输 过 程 中 ,并 不 保存 任何 历史 信息 和 状态 信息 ,因此 ,HTTP 协议 也 被 认为 是 无 状态 的 
协议 。 

HTTP 1.1 fl HTTP 1. 0 相 比 ,最 大 的 区 别 就 是 增加 了 持久 连接 支持 。 当 客户 端 使 
用 HTTP 1. 1 协议 连接 到 服务 器 后 ,服务 器 就 将 关闭 客户 端 连接 的 主动 权 交还 给 客户 
端 ,也 就 是 说 ,只 要 不 调用 Socket 类 的 close 方法 关闭 网 络 连接 ,就 可 以 继续 向 服务 器 发 
送 HTTP 请 求 。 
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HTTP 连接 使 用 的 是 “请 求 一 一 响应 ”的 方式 (2 次 握手 ) ,不 仅 在 请 求 时 需要 先 建 立 
连接 ,而 且 需 要 客户 端 向 服务 器 发 出 请 求 后 ,服务 器 端 才 能 回复 数据 。 

(2) get 方式 

get 方式 使 用 的 是 在 URL 地 址 中 通过 *?? 间 隔 , 然 后 以 name= value 的 形式 给 客户 
端 传递 参数 。 

(3) post 方式 

post 方式 不 在 URL 中 传递 ,也 正好 解决 了 get 传输 量 小 、 容 易 自 改 及 不 安全 等 一 系 
列 不 足 。 主 要 是 通过 对 HttpURLConnection 的 设置 ,让 其 支持 post 传输 方式 ,然后 通过 
相关 属性 传递 参数 ( 若 需要 传递 中 文字 符 , 则 可 以 通过 URLEncoder 编码 ,而 在 获取 端 采 
用 URLDecoder 解码 即 可 ) 。 

(4) get 与 post 请 求 

post 请 求 可 以 向 服务 器 传送 数据 ,而 且 数据 被 放 在 HTML HEADER 内 一 起 传送 到 服 
务 端 URL 地 址 ,数据 对 用 户 不 可 见 。 而 get 是 把 参数 数据 队列 加 入 提交 的 URL 中 , 值 和 表 
单 内 各 个 字段 一 一 对 应 ,例如 ,http://www. baidu. com/s?w= %C4&.inputT= 2710, 

get 传送 的 数据 量 较 小 ,不 能 大 于 2KB。post 传送 的 数据 量 较 大 ,一 般 默认 为 不 受 限 
制 。 但 理论 上 ,IIS 4 中 最 大 量 为 80KB,IIS 5 中 为 100KB。 

get 安全 性 非常 低 ,post 安全 性 较 高 。 


2. 获取 图 片 
获取 图 片 界面 如 图 7-2 和 图 7-3 所 示 。 
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图 7-2 获取 图 片 1 
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图 7-3 获取 图 片 2 


关键 代码 如 下 


// 记 地 址 不 能 用 localhost 和 127.0.0.1 

String path= "httpe://www.baidu.om/img/bd logol.png"; 

JAR BE url 对 象 

try { 
URL url= new URL (path) ; 
//2. 与 服务 器 连接 
HttptRIC-nnectien connection= (HEbEURLConnecticn) url .qpenConnecticn(); 
//3. 设 置 请 求 方式 和 超时 时 间 
connection.setRequestMethod ("GET") ; 
connection.setReadTimeout (5000) ; 
//4. 获 取 服 务 器 返回 的 数据 流 
InputStream is= connection.getInputStream() ; 
//5. 把 流转 换 成 字 节 , 放 入 图 片 控 件 
byte[] data= Convert..streanflcBytes (is) ; 
Bitmap bre BitmapFactory.decodsByteArray (data, 0, data.length); 
TmageView iv= (ImageView) findViewById(R.id.imageViewl); 
iv.setImageBitmap (mm) ; 

) catch (Exception e) ( 
e.printStackTrace () ; 

} 


输入 流转 换 成 字 节 数组 。 


public static byte[] streenficBytes (InputStream is){ 
// 字 节 缓 冲 流 

















ByteArrayOutputStream baos- new ByteArrayOutputStream() ; 
try { 
byte[] buffer= new byte[ 1024] ; 
int len- 0; 
while((len- is.read(buffer)) '— - DI 
baos.write (buffer, 0, len); 
) 
} catch (ICException e) { 
e.printStackTrace () ; 
) 
return baos.toByteArray () ; 
) 


3. 获取 网 页 内 容 
获取 网 页 内 容 界面 如 图 7-4 所 示 。 
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图 7-4 获取 网 页 内 容 
关键 代码 如 下 : 


TextView tv= (TextView) findViewById(R.id.tv); 
tv.setText (new String (data) ); 


4. 获取 网 络 xml 数据 
获取 网 络 xml 数据 如 图 7-5 所 示 。 
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图 7-5 获取 网 络 xml 数据 
关键 代码 如 下 : 


//1. 获 取 list 
final String path= "http://192.168.1.125:8080/webpro/getVideos"; 
lv- (ListView) fincViewById(R.id.listViewl); 
new Thread (new Runnable () ( 


@ Override 
public void rmn() { 
GetXmlServiœ service= new GetxmlService(); 
videos- service.getxmlData (path) ; 
handler. sendEmptyMessage (0) ; 
} 
}) -start (); 
//2. 服 务 器 端 生 成 ul 数据 
// 加 入 影片 
List< Video» videos- new ArrayList< Video> (); 
videos.acd(new Video (110, "E E 5j CIE 7", 120); 
videos .add (new Video (120, "H 9] ^E K", 100); 
videos.add(new Video (150, "H&J", 130); 


request.setAttribute ("data", videos); 
reqpest.getRequestDignatcher ("show. jsp") forward (request, response); 
< ?aml version- "1.0" encoding- "UIF- 8"2> 
<% @ page language "java" import- "java.util. * " pageEnooding- "ut£- 8" > 
<% @ taglib uri= "http://java.sun.oon/jsp/jstl/core" prefix-"c" $ > 
«videos» 
< csforEach items= "$ (data)" var= "v"> 
« video id= "${v.id}"> 
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«title» ${v.title K /title> 
< timelength> $ (v.timelength K /timelength> 
< /video> 
< /c:forFach»- 
< /videos» 


/1/3. 使 用 pull 解 析 zi 

public List« Video» getXmlData (String path) { 
List< Video» videos- null; 
Video video- null; 


try { 
URL url= new URL (path) ; 
HttpURLConnection connection (HttpURLConnecticn) 
url .qpenConnection () ; 
connection. setReadTimeout (5000) ; 
connection. setRequestMethod ("GET") ; 
InputStream is- connection.getInputStream(); 
// 解 析 xm 
MmlPullParser parser- Xml .newPull Parser () ; 
parser.setInput (is, "UTF- 8"); 
int event- parser.getEventType () ; 
while(event!- XmlPullParser.END DOCUMENT) ( 
switch (event) ( 
case XmlPullParser.START DOCUMENT: 
Videos= new ArrayList< Video» (); 
break; 
case XmlPullParser.START TAG: 
String name= parser .getNane () ; 
if (name.equals ("video")) ( 
video- new Video () ; 
video.setId(Integer.parseInt (parser.getAttribute Value (0) ) ) ; 
Jelse if (name.equals ("title"))( 
vVideo.setTitle (parser .nextText () .toString()); 
Jelse if (name.equals ("timelength")) { 
video. setTimelength (Integer.parseInt (parser next () .toString())) ; 
} 
break; 
case XmlPullParser.END TAG: 
String tag- parser.getName() ; 
if(tag.equals ("video") ) { 
videos .add (video) ; 
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return videos; 


5. 获取 网 络 json 数据 
获取 网 络 json 数据 如 图 7-6 所 示 。 


[@ ssss:ancroias.2 [ejes] 





LOERSSETEETE 


110 ”速度 与 激情 8 120 
120 万 物 生长 1 100 
150 战 狼 1 130 


mmemmmm 
as [ote e jn hi je] 
mmm 


ALT 








FA 7-6 获取 网 络 json 数据 


关键 代码 如 下 : 


/1. 服 务 端 生成 jsonstring 
String data= JSONArray.toJSONString (videos) ; 
//2. 解 析 jsonstring 
byte[] data- Convert.streenffcBytes (is); 
String jsonString- new String (data) ; 
System.out .printIn (jsonString) ; 
videos= JSON.parseArray (jsonString, Video.class) ; 
6. 向 Web 端 发 送 数 据 


向 Web 端 发 送 数据 如 图 7-7 和 图 7-8 所 示 。 
关键 代码 如 下 : 
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GET 方 式 发 送 


POST 方式 发 送 


HttpClient 方 式 发 送 


发 送 xml 数 据 
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图 7-7 向 Web 端 发 送 数据 1 


‘package cnleny server 
4 import avaloJCExcepton{] 


blic Class GeWicPoslscn exten| 4 
"fa 6ET 方 式 发 送 O Cea @ 


a © public void deGettitipSorviet AAA 
throws Servletocepton, 


, Pme repens) POST 方式 发 送 L^ M o Wo 
HttpClient 方 式 发 送 


发 送 xml 数 据 


fe fafa ls Te eles 





name eR nme» 
age» 30i /age> 


《person ide'at 
Charen EH names 
Ba 











E 
kieren) 








图 7-8 向 Web 端 发 送 数据 2 


/1L.mandroid 端 get 方 式 发 送 数据 
// http://192.168.4.200/webpro/sendGet?name- tanspwd- 123 
public void sendet (StringBuffer path, String user,String pwd) ( 
try { 
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Map< String, String» map= new HashMap< String, String> (); 
map.put ("name", user); 
map.put ("pwd", pwd); 
/遍历 map ff key 
for (Mep.Entry« String, String> entry :map.entrySet ()) { 
path.agpend (entry.getKey () ) append ("= ") . 
append (URLEnooder encode (entry.getValue(), "utf- 8")) . 
append ("6") ; 
) 
path.deleteCharAt (path. length ()- 1); 
URL url= new URL (path.toString()) ; 
HttpURIConnection connection (HttpURIConnection) 
url.cpenConnection() ; 
connecticn.setReadTimecut (5000) ; 
connection.setRequestMethod ("GET") ; 
// 返 回 状态 码 
int code= connection.getResponseCode () ; 
System.out .print In (code) ; 
} catch (ICExosption e) { 
e.printStackTrace () ; 
} 
) 
//2. 服 务 器 端 接收 eet 方 式 发 送 的 数据 
public void doGet (HttpServletRequest request, HttpServletResponse response) 
throws ServletExoeption, IOExoeption { 
request .setCharacterEnooding ("ut£- 8") ; 
String name- request .getParameter ("name") ; 
String pad- request.getParameter ("pwd") ; 
System.out.println (namet "- — > " pwd) ; 
} 
//3.android 端 post 方 式 发 送 数据 
public void sendpost (String path,Map< String, String> data) { 
try { 
//rame= jack&pwi- 123456 
/ fii Fi mm 的 key 
StringBuffer sb= new StringBuffer (); 
for (Map.Entry< String, String> entry :data.entrySet()) { 
sb.append (entry .get Fey ()) append ("="). 
append (URLEncoder .enoode (entry.getValue () , 
"ut£- 8")) .agpend ("a"); 
r 
sb.deleteCharAt (sb. length ()- 1) ; 
System.out.println (sb) ; 
byte[] bs= sb.toString() .getBytes () ; 
// 使 用 Pest 方式 发 送 
URL url= new URL (path) ; 
HttpURIConnection connecticn- (HttpURIConnection) 
url.gpenConnecticn () 7 
connection. setRequestMsthod ("POST") ; 
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connecticn.setRequestProperty("Content- Type", "applicaticn/x- www- form- urlencoded") ; 
connection.setRequestProperty ("Content— Length", String.valueOf (bs. length) ) ; 
/获取 connection 的 输出 流 
OutputStream os= connection.getOutputStream() ; 
os.write (bs); 
os. flush (); 
os.close(); 
/使 用 post 方 式 发 送 数据 需要 接收 返回 值 ,否则 数据 不 能 发 送 
int code- oonnection.getResponseCode (); 
Systen.out..println (code) ; 
} catch (Exception e) { 
e.printStackTrace () ; 
H 
H 
//4. 服 务 器 端 接收 Post 数据 
public void doPost (HttpServletRequest request, HttpServletResponse response) 
throws ServletFxoeption, IOException ( 
response. setContentType ("text/html") ; 
request .setCharacterEnooding ("UTE- 8") ; 
String name- request .getParameter ("name") ; 
String pwd request .getParameter ("ped") ; 
System.out .printIn (namet "- — > " pwd) ; 
H 


//5. 使 用 Apache 接 口 发 送 数据 
对 于 大 部 分 应 用 程序 而 言 IK 本 身 提供 的 网 络 功 能 已 远 远 不 够 ,这 时 就 需要 Android 提 供 的 Apache 
HHttpclient。 它 是 一 个 开源 项 目 ,功能 更 加 完善 ,为 客户 端的 Htp 编 程 提供 高 效 . 最 新 、 功 能 丰富 的 
工具 包 支 持 
//name= jackspwd- 123456 
public void sendHttpClient (String path, Map< String, String> data) ( 
try { 
List« NameValuePair> pairs- new ArrayList« NameValuePair^ (); 
/遍历 wep 
for (ep-Entry< String, String» entry : data.entrySet()) { 
pairs.add (new BasidNameValueFair (entry.getKey () , 
entry.getValue ())) ; 
) 
// 转 换 字符 编码 
UrlEnoodedFomEntity datal= new UrlEncodedFornintity (pairs, 
"utf 8"); 
// 发 送 数据 
HttpPost post- new HttpPost (path) ; 
post.setEntity (datal) ; 
// 模 拟 浏览 器 
HttpClient client- new DefaultHttpClient () ; 
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HttpResponse response- client.execute (post) ; 
// 得 到 返回 的 状态 码 
System.out.println (response.getStatusLine () .getStatusCode () ) ; 


} catch (Exception e) { 
e.printStackTrace () ; 


} 


//6.hndroid EI smi BE 
< ?anl version- "1.0" encoding- "UIF- 8"2» 


«persons» 
«person id= "23" 


<name> 7E f< /name> 
« age» XX /age> 


« /person» 


public void sendbml (View view) ( 


1A. JI ond. 


new Thread (new Runnable () ( 
@ Override 
public void rn() { 


try{ 


InputStream is- this.getClass () .getClassLoader () . 
getResouroaAsStream("persons.xml"); 

byte[] data= Convert.streenflcBytes (is) ; 

//2. 使 用 http 协 议 发 送 post 

String path= "http://192.168.0.114:8080/wekpro/sencbml"; 
URL url= new URL (path) ; 

HttpURIConnection conne (HttpURLConnection) 
url.openConnecticn () ; 

conn. setRequestMethod ("POST") ; 

conn. setReadTimeout (5000) ; 

conn.setDoOutput (true) ; 

// 设 置 文件 类 型 

ccnn.setRequestProperty ("Content— Type", "text/xml; 
charset- utf- 8"); 

conn. setRequestProperty ("Content Length", String.valueof 
(data.length)); 

OutputStream os- conn.getOutputStream() ; 

os.write (data); 

os.flush(); 

os.close(); 


int code= conn. getResponseCode () + 




















//7. 服 务 器 端 接收 xm 数据 
public void doPost (HttpServletRequest request, HttpServletResponse response) 
throws ServletExoeption, IOExoeption { 


response. setContent Tyre ("text/html") ; 
request. setCharacterEnooding ("UTF- 8") ; 
byte[] data= Convert .streenfIcBytes (is) ; 
String »ml= new String (data, "UTF- 8") ; 
System.cut.println bet): 

t 


7. Android Butterknife 框架 
Android Butterknife 是 Android 上 通过 依赖 注入 (DD 获取 xml 界面 控件 .设置 事件 


的 一 个 框架 。 使 用 步骤 如 下 : 


CD 准备 阶段 , 先 到 官网 (http://jakewharton. github. io/butterknife/) 下 载 jar 包 。 
(2) 把 下 载 下 来 的 jar 包 , 放 到 项 目的 libs 下 ,就 会 自动 导入 项 目 。 

(3) 配置 eclips。 

(4) 注解 。 

XML 部 分 代码 如 下 : 


< Relativelayout xmlns:android- "http://sdheras.android.om/apk/res/android" 
xmlns:tools= "http://schamas.android.cam/tools" 


< /Pelativelayout> 
Java 部 分 代码 如 下 : 
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public class MainActivity extends Activity { 


@ InjectView(R.id.tv test) 

TextView tvTest; 

@ Override 

public void onCreate (Bundle savedInstanceState) { 
Super .onCreate (savedInstanceState) ; 
setContentView (R. layout.activity main); 
ButterKnife. inject (this); 
tvTest.setText ("test") ; 

H 


@ OnClick R.id.tv_test) 
public void sayHi() { 
tvTest.setText ("Hello!"); 
H 
} 


732 Spes 界面 设计 


Splash 界面 设计 如 图 7-9 所 示 。 

每 个 Android 应 用 启动 之 后 都 会 出 现 一 个 Splash 启动 界面 ,显示 产品 的 LOGO、 公 
司 的 LOGO 或 者 开发 者 信息 。 如 果 应 用 程序 启动 时 间 比 较 长 ,那么 启动 界面 就 非常 重 
要 ,可 以 让 用 户 耐 心 等 待 一 段 时 间 。 

通过 制作 Splash 界面 可 实现 如 下 功能 。 

d) 突出 产品 LOGO, 产品 名 称 .产品 主要 特色 。 

(2) 注 明 产品 的 版 本 信息 。 

(3) 注 明 公司 信息 或 者 开发 者 信息 。 

需要 注意 ,大 多 数 的 Splash 界面 都 会 在 一 定时 间 后 切换 到 下 一 个 界面 ,在 这 段 时 间 
里 ,可 以 对 系统 状况 进行 检测 ,比如 网 络 是 否 通畅 ,电源 是 否 充足 .或 者 预先 加 载 相关 数 
据 。 为 了 能 让 启动 界面 展现 时 间 固 定 ,需要 计算 执行 以 上 预 处理 任 务 所 花费 的 时 间 ,启动 
界面 SLEEP 的 时 间 王 固定 时 间 一 预 处 理 任务 时 间 。 

XML 代码 如 下 : 


<Relativelayout smlns:android- "http://achermas.android.om/apk/res/android™" 
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图 7-9 Splash 界面 设计 


xmlns:tools= "http://schemas.android.om/tools" 

android: layout_width= "match parent" 

android:layout height- "match parent" 
android:paddingBottam= "@ dimen/activity vertical margin" 
android:peddingleft- "@ dimen/activity horizontal margin" 
android:pacdiingRight="@ dimen/activity horizontal margin" 
android:paddingTop- "@ dimen/activity vertical margin" 
tools:oontext- ".SplasbActivity" 

android:background- "@ draweble/splash bg" 

android:id- "@ + id/rl"> 


< TextView 
android:id- "@ + id/tv version" 
android:laycut width- "wrap content" 
android:laycut beight- "wrap content" 
android:layout alignParentBottam- "true" 
android:layout oenterHorizontal- "true" 
android:layout marginBottam- "l62dp" 
android:text= "@ string/hello world" 
android:textSize- "20sp" /> 


< ImageView 
android:id- "@ + id/imageViewl" 
android:layout width= "wrap content" 
android:laycut height= "wrap content" 
android:ilayout above- "@ + id/tv version" 
android:laycut alignleft- "@ + id/tv version" 
android:layout margirBottom- "28dp" 
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android:src- "@ drawable/cat" /> 
< /RelativeLayout> 
733 系统 升级 
系统 升级 如 图 7-10 和 图 7-11 所 示 。 
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图 7-10 系统 升级 1 
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7-11 系统 升级 2 

















具体 步 又 如 下 

CD 检测 当前 版 本 的 信息 AndroidManifest. xml->manifest->android:versionName。 

(2) 从 服务 器 获取 版 本 号 (版 本 号 存在 于 xml 文件 中 ) ,并 与 当前 检测 到 的 版 本 进行 
匹配 ,如 果 不 匹 配 ,提示 用 户 进行 升级 ,如 果 匹 配 则 进入 程序 主 界面 。 

(3) 当 提 示 用 户 进行 版 本 升级 时 ,如 果 用 户 单 击 “ 确 定 ” 按 钮 ,系统 将 自动 从 服务 器 上 
下 载 并 进行 自动 升级 ,如 果 单 击 “ 取 消 ?按钮 将 进入 程序 主 界面 。 


升级 流程 如 图 7-12 所 示 。 


获取 服务 器 端 
软件 版 本 号 


l 


征程 版 本 > a 
当前 版 本 
是 
更 新 软件 
是 | 
下 载 软件 ”| 
Zi 
安装 软件 
1 
结束 


7-12 升级 流程 

















































关键 代码 如 下 : 


// 弹 出 对 话 框 
public void showAlertDiclog() { 
AlertDialog.Builder builder= new Builder (this); 
builder.setTitle ("Ft Zi HE"); 
builder. setMessage (info.getDes ()) ; 
builder. set Tom (R.draweble.logo); 
builder.setNegativeButton ("Hi jE", new OnClickListener() { 


@ Override 

public void onClick(DialogInterface dialog, int which) { 
pd.show(); 
new Thread (new Runnable() ( 


@ Override 











public void run() { 
IF 
DownLoadFile downLoadFile= new DownLoadFile () ; 
file- downLoadFile.doloadFile (info.getApkurl (), 
"/mnt/sdcard/new.apk", pd); 
handler.sendEmptyMessage (1); 


} -start (); 


builder.setPositiveButton ("LH ", new OnClickListener() { 


@ Override 
public void onClick (DialogInterface dialog, int which) ( 
loedlogin() ; 


» 

// 显 示 对 话 框 

builder.create() .show(); 
) 


/下 载 服务 器 ak 文件 
public class DownLoadFile { 
public File doloadFile (String downloadPath, String savePath, 
ProgressDialog pd) ( 
File outFile- new File (savePath) ; 
try { 
URL url= new URL (downloadPath) ; 
HeygURLComnection oane (AttpURLConnection) url .qpenQonnecticn (); 
conn. setReadTimeout (5000) ; 
conn. setRequestMethod ("GET") ; 
if (conn.getResponseCode ()== 200) { 
// 下 载 
‘InputStream is- conn.getIrputStream() ; 
// 设 置 下 载 进 度 条 
int total- conn.getContentIength (); 
pd.setMax (total) ; 
FileOutputStream fos= new Fi leOutputStream(cutFile) ; 
byte[] buffer= new bytel 1024] ; 
int len- 0; 
int progress= 0; 
while((len- is.read (buffer) ) !=- 1) ( 
fos.write (buffer, 0, len); 
Progresst = len; 
pd.setProgress (progress) ; 
/| 暂停 一 下 
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Thread.sleep (50); 
} 
fos.flush(); 
fos.close(); 
retum outFile; 
} 
} catch (Exception e) { 
e.printStackTrace () ; 
H 
return null; 


734 安装 升级 文件 
安装 升级 文件 如 图 7-13 和 图 7-14 所 示 o 


dëi StudentManager A O [4)) O 
D ll n 
le e (mb e 
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©0000 


existing data will not be lost. It does 
not require any special access. 


Cancel Install 











图 7-13 安装 升级 文件 1 


关键 代码 如 下 : 


// 程 序 中 安装 文件 
public void install (File file) { 
Intent intent- new Intent (); 
intent.setAction (Intent ACTION VIEW); 
intent.setDataAndType (Uri .framile (file), "application/vnd.android. 
package- archive"); 
startActivity (intent) ; 








E 


当前 版 本 :V 2.0 








图 7-14 安装 升级 文件 2 


735 注册 .登录 功能 
注册 .登录 界面 如 图 7-15 和 图 7-16 所 示 。 
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图 7-15 注册 界面 


实现 的 效果 说 明 如 下 。 
CD 注册 效果 : 用 户 如 没有 账号 , 则 单 击 登录 界面 的 没有 账号 ? 注册 ”。 
(2) 登录 效果 : 应 用 程序 判断 当前 用 户 还 未 登录 ,用 户 输入 账号 和 密码 信息 后 , 传 到 
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图 7-16 登录 界面 


服务 器 验证 ,验证 成 功 后 ,Toast 弹出 成 功 信息 ,并 转 到 其 他 界面 。 

进入 注册 界面 ,用 户 输 入 注册 信息 , 单 击 “提交 ?按钮 ,注册 成 功 后 ,弹出 Toast 信息 
“注册 成 功 ”, 完 成 注册 后 , 转 到 登录 界面 。 

功能 实现 说 明 : 

CL) 注册 界面 : 输入 注册 信息 ,实现 注册 功能 。 

(2) 登录 界面 : 输入 登录 信息 ,实现 登录 功能 , 转 到 注册 界面 。 


1. 注册 信息 中 的 密码 经 过 MDS 加 密 


MD5 HJ Message-Digest Algorithm 5( 信 息 -摘要 算法 5) ,用 于 确保 信息 传输 完整 一 
致 ,是 计算 机 广泛 使 用 的 杂凑 算法 之 一 (又 译 摘要 算法 、 哈 希 算法 ) ,不 可 逆 ,主流 编程 语言 
普遍 已 有 MDS 实现 ,在 Java 中 广泛 使 用 MD5 对 重要 信息 进行 加 密 。Java 中 实现 代码 
如 下 : 


public static String enocde (String pwd) { 
try { 
MessageDigest digest=MessageDigest .get Instance ("D5") ; 
byte[] bytes- digest.digest (pwd.getBytes ()) ; 
StringBuffer sb-new StringBuffer (); 
for (int i= 0;i< bytes. length; it + )( 
String s= Integer. toHexString (Oxffgbytes[ 1]); 


if (s-length()==1){ 
sb.append ("0" s) ; 
Jelset 
Sb.append (s); 
} 
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retum sb.toString(); 

} catch (NcSuchAlgorithnExoeption e) { 
e.printStackTrace () ; 
throw new RuntimeException ("buhui fasheng") ; 


} 
2. SharedPreferences 


(1) SharedPreferences 简介 

为 了 保存 软件 的 设置 参数 ,Android 平台 提供 了 一 个 SharedPreferences 类 , 它 是 一 
个 轻 量 级 的 存储 类 ,特别 适用 于 保存 软件 配置 参数 。 使 用 SharedPreferences 保存 数据 ， 
其 背后 是 用 xml 文件 存放 数据 ,文件 存放 在 /data/data/ 一 package name /shared preis 
目录 下 。 

(2) 获取 SharedPreferences 对 象 方法 

(D SharedPreferences pre — Context. getSharedPreferences( String name,int mode) ; 

EE: name 为 本 组 件 的 配置 文件 名 (如 果 想 要 与 本 应 用 程序 的 其 他 组 件 共享 此 配置 文 
件 , 可 以 用 这 个 名 字 检 索 配 置 文件 ,在 这 里 要 特别 注意 ,因为 在 Android 中 已 经 确定 了 
SharedPreferences 是 以 xml 形式 保存 ,所 以 ,在 填写 文件 名 参数 时 ,不 要 给 定 . xml in, 
只 要 直接 写 上 文件 名 。 它 会 直接 被 保存 在 /data/data/ 二 package name >/shared_prefs 
路 径 下 , 它 是 采用 键 值 对 的 形式 保存 参数 。 当 需要 获得 某 个 参数 值 时 ,按照 参数 的 键 
索引 )。 

© SharedPreferences pre = Activity. getPreferences(int mode) ; 

ik: 配置 文件 仅 可 以 被 调用 的 Activity 使 用 。mode 为 操作 模式 ,默认 的 模式 为 0 或 
MODE_PRIVATE, 还 可 以 使 用 MODE_APPEND, MODE_WORLD_READABLE 和 
MODE WORLD WRITEABLE. 

(3) SharedPreferences pre — PreferenceManager. getDefaultSharedPreferences( Context) ; 

ik. 每 个 应 用 都 有 一 个 默认 的 配置 文件 preferences. xml, 使 用 getDefaultShared- 
Preferences 获取 。 

(3) SharedPreferences 使 用 步骤 

SharedPreferences 使 用 非常 简单 ,能 够 轻松 地 存放 数据 和 读 取 数据 。SharedPreferences 
只 能 保存 简单 类 型 的 数据 ,如 String int 等 。 一 般 会 将 复杂 类 型 的 数据 转换 成 Base64 编 
码 ,然后 将 转换 后 的 数据 以 字符 串 的 形式 保存 在 xml 文件 中 ,再 用 SharedPreferences 
保存 。 

使 用 SharedPreferences 保存 key-value 对 的 步骤 如 下 : 

(D 获得 SharedPreferences 对 象 。 

(2) 获得 SharedPreferences. Editor 对 象 。 

© 通过 SharedPreferences. Editor 接口 的 putXxx() 方 法 存放 key-value 对 (其 中 
Xxx 表示 不 同 的 数据 类 型 ,如 字符 串 类 型 的 value 需要 用 putString() 方 法 ) 。 

















@ 通过 SharedPreferences. Editor 接口 的 commit O ZE f£ f£. key-value X} (commit 
方法 相当 于 数据 库 事务 中 的 提交 (commit) 操 作 )。 
(4) 存储 数据 和 读 取 数 据 的 流程 
存储 数据 信息 的 流程 如 下 : 
(D 打开 名 为 configuration 的 配置 文件 ,如 果 存 在 则 打开 它 , 否则 创建 新 的 名 为 
configuration 的 配置 文件 。 
SharedPreferences sharedPreferences= getSharedPreferences ("onfigration", 0); 
@ 让 sharedPreferences 处 于 编辑 状态 。 
SharedPreferences.Editor editor- sharedPreferences.edit () ; 
@ 存放 数据 。 
editor.putString ("name", "harvey"); 
@ 完成 提交 。 
editor.camit () ; 
读 取 数 据 信 息 的 流程 如 下 : 
CD 打开 名 为 configuration 的 配置 文件 。 
SharedPreferences sharedPreferences= getSharedPreferences (ocnfigaraticn", 0); 
@ 获取 数据 。 
String name= sharedPreferences.getString (ame" "BÀ iJ ffi ") ; 
以 上 就 是 Android 中 SharedPreferences 的 使 用 方法 ,其 中 创建 的 配置 文件 存放 位 置 
可 以 在 Eclipse PEF: 
DOMS- - - File Explorer- - - data/data/< package name> /shared prefs/ 
关键 代码 如 下 : 
// 第 一 次 登录 成 功 后 需要 把 信息 写 人 sharedpreference 
SharedPreferences preferences- getSharedPreferences ("acoount", 
Context.MOE PRIVATE); 
// 获 取 编 辑 器 
Editor editor- preferences.edit (); 
editor.putString("user", user); 
editor.putString "pw", pwd) ; 
editor putString "role", msg?.getMsg ()) ; 
// 提 交 
editor.commit () ; 
// 通 过 sharedpreferences 判 断 是 否 要 登录 
Public boolean isLogin() { 








SharedPreferences preferences getSharedPreferences (acoount", Context.ME PRIVATE) ; 
String user- preferences.getString("user", ""); 
String pw} preferences .getString "pua", ""); 
if (!user.equals('™) && !pwd.equals(""))( 
retum false; // 不 需 登录 
retum true; 
t 
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l. Fragment 


Android 是 在 Android 3. 0CAPI level 11) 开 始 引 入 Fragment 的 。 

可 以 把 Fragment 想象 成 Activity 中 的 模块 ,这 个 模块 有 自己 的 布局 ,有 自己 的 生命 
周期 ,单独 处 理 自己 的 输入 ,在 Activity 运行 时 可 以 加 载 或 者 移 除 Fragment 模块 。 

可 以 把 Fragment 设计 成 可 以 在 多 个 Activity 中 复 用 的 模块 。 

当 开 发 的 应 用 程序 同时 适用 于 平板 电脑 和 手机 时 ,可 以 利用 Fragment 实现 灵活 的 
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2. Fragment 的 生命 周期 


因为 Fragment 必须 对 和 在 Acitivity 中 使 用 ,所 以 Fragment 的 生命 周期 和 它 所 在 的 
Activity 是 密切 相关 的 。 

如 果 Activity 是 暂停 状态 ,其 中 所 有 的 Fragment 都 是 暂停 状态 ; 如果 Activity 是 停 
止 状态 ,这 个 Activity 中 所 有 的 Fragment 都 不 能 被 启动 ;如 果 Activity 被 销毁 ,那么 它 其 
中 的 所 有 Fragment 都 会 被 销毁 。 
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但 是 , 当 Activity 在 活动 状态 时 ,可 以 独立 控制 Fragment 的 状态 ,比如 添加 或 者 移 除 


Fragment, 


当 这 样 进行 Fragment Transaction( 转 换 ) 时 ,可 以 把 Fragment 放 入 Activity 的 back 
stack 中 ,这样 用 户 就 可 以 进行 返回 操作 。Fragment 的 生命 周期 如 图 7-18 所 示 。 
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图 7-18 Fragment 的 生命 周期 


Fragment 的 控制 ,主要 是 切换 View 和 页 面 蔡 换 等 操作 ,如 何 获取 Fragment 的 管理 


对 象 , 以 及 与 Activity 的 通信 方式 。 


(1) 管理 Fragment 


要 在 Activity 中 管理 Fragment, 需 要 使 用 FragmentManager, 通 过 调用 Activity 的 


getFragmentManager() 取 得 实例 











IEN | 第 7 章 学 生 信息 管理 系统 的 设计 及 开发 ] KD. | 


CD 使 用 findFragmentById()( 用 于 在 Activity layout 中 提供 一 个 UI 的 Fragment) 
XX findFragmentByTag O (适用 于 有 或 没有 UI 的 Fragment) 获取 Activity 中 存在 的 
Fragment, 

© 使 用 popBackStack() (模拟 用 户 按 下 BACK 按钮 ) ,将 Fragment 从 后 台 堆 栈 中 
弹出 。 

© 使 用 addOnBackStackChangeListener() 注 册 一 个 监听 后 台 堆 栈 变化 的 listener. 

(2) 处 理 Fragment 事务 

关于 在 Activity 中 使 用 Fragment 的 一 个 很 强 的 特性 是 : 根据 用 户 的 交互 情况 ,对 
Fragment 进行 添加 、 移 除 . 蔡 换 以 及 执行 其 他 动作 。 提 交 给 Activity 的 每 一 套 变 化 被 称 
为 一 个 事务 ,可 以 使 用 在 FragmentTransaction 中 的 API 处 理 。 也 可 以 保存 每 一 个 事务 
到 一 个 Activity 管理 的 backstack ,人 允许 用 户 经 由 Fragment 的 变化 往 回 导航 (类 似 于 通过 
Activity 往 后 导航 ) 。 

从 FragmentManager 获得 一 个 FragmentTransaction 实例 的 代码 如 下 : 





FragrentManager fragrentManager= getFragnentManager () ; 

Fragrent-Iransacticn fragrent/Transacticn- fragrentManager begirflransacticn () ; 

每 一 个 事务 都 是 同时 要 执行 的 一 套 变化 。 可 以 在 一 个 给 定 的 事务 中 设置 用 户 执行 的 
所 有 变化 ,使 用 诸如 add() ,remove() 和 replace()。 然 后 ,要 给 Activity 应 用 事务 ,必须 调 
用 commitO 。 

在 调用 commit ( ) 之 前 ,用 户 可 能 调用 addToBackStack CO ,将 事务 添加 到 一 个 
Fragment 事务 的 backstack。 这 个 back stack 由 Activity 管理 ,并 允许 用 户 通过 按 下 
BACK 按钮 返回 到 前 一 个 Fragment 状态 。 

代码 如 下 : 


// 创 建 修 改 实例 

Fragment newFragnent= newExampleFragrent () ; 

FragmentTransaction transaction getFragrmentManager () .beginTransaction() ; 

//Replace whatever is in the fragment container view with this fragment, 

//and add the transaction to the backstack 

transaction.replace (R.id.fragnent_container,newFragnent) ; 

ttransaction.addToBackStack (null) ; 

// 提 交 修 改 

transaction.cammit () > 

上 面 是 将 一 个 Fragment 替换 为 男 一 个 ,并 在 后 台 堆 栈 中 保留 之 前 的 状态 。 在 这 个 
例子 中 , newFragment 替换 当前 layout 容器 中 的 由 R. id. fragment_ container 标识 的 
fragment。 通 过 调用 addToBackStack(),replace 事务 被 保存 到 back stack, 因 此 用 户 可 
以 回 退 事务 ,并 通过 按 下 BACK 按钮 带 回 前 一 个 fragment。 

如 果 添 加 多 个 变化 到 事务 (例如 add() 或 remove()) 并 调用 addToBackStack(), 然 
后 在 调用 commit() 之 前 的 所 有 应 用 的 变化 会 被 作为 一 个 单个 事务 添加 到 后 台 堆 栈 ， 

















BACK 按钮 会 将 它们 一 起 回 退 。 添 加 变化 到 FragmentTransaction 的 顺序 不 重要 , 除 以 
下 例外 。 

CD 必须 最 后 调用 commit() 。 

@ 如 果 添 加 多 个 Fragment 到 同一 个 容器 ,那么 添加 的 顺序 决定 了 它们 在 view 
hierarchy 中 显示 的 顺序 。 

当 执行 一 个 移 除 Fragment 的 事务 时 ,如果 没 有 调用 addToBackStack() ,那么 当 事 务 
提交 后 ,那个 Fragment 会 被 销毁 ,并 且 用 户 不 能 导航 返回 。 有 鉴于 此 , 当 移 除 一 个 
Fragment 时 ,如果 调用 了 addToBackStack() ,那么 Fragment 会 被 停止 ,如 果 用 户 导 航 回 
来 , 它 将 会 被 恢复 。 另 外 ,对 于 每 一 个 Fragment 事务 ,可 以 应 用 一 个 事务 动画 ,通过 在 提 
交 事 务 之 前 调用 setTransition() 实 现 。 

调用 commit() 并 不 立即 执行 事务 。 恰 恰 相 反 , 它 将 事务 安排 排 期 ,一旦 准备 好 ,就 在 
activity 的 UI 线 程 上 运行 (主线 程 )。 如 果 有 必要 ,无 论 如 何 , 可 以 从 用 户 的 UT 线程 调用 
executePendingTransactions() 立 即 执行 由 commit() 提 交 的 事务 。 此 操作 通常 不 必要 , 除 
非 事 务 是 其 他 线程 中 任务 的 一 个 从 属 。 

警告 : 只 能 在 Activity 保存 它 的 状态 ( 当 用 户 离开 Activity) 之 前 使 用 commit() 提 交 
事务 。 

(3) 与 Activity 通信 

尽管 Fragment 被 实现 为 一 个 独立 于 Activity 的 对 象 ,并 且 可 以 在 多 个 Activity 中 使 
用 ,但 一 个 给 定 的 Fragment 实例 是 直接 绑 定 到 包含 它 的 Activity 的 。 特 别 的 Fragment 
可 以 使 用 getActivity() 访 问 Activity 实例 ,并 且 容 易 地 执行 比如 在 Activity layout 中 查 
找 一 个 View 的 任务 。 代 码 如 下 : 

View listView- getActivity () .findViewByld(R.id. list) ; 

同样 地 ,Activity 可 以 通过 从 FragmentManager 获得 一 个 到 Fragment 的 引用 来 调 
用 Fragment 中 的 方法 ,使 用 findFragmentById() 或 findFragmentByTag()。 代码 如 下 : 

ExampleFragrent fragrent= (ExempleFragrent) 

getFragrentMenager () .findFragnentById(R.id.exemple fragment); 

(4) 总 结 

最 后 需要 说 明 一 下 Fragment 的 例子 .Android 官方 已 经 提供 了 Fragment 使 用 各 种 
例子 ,在 SDK 下 面 的 API Demo 中 就 包含 了 Fragment 的 各 种 例子 ,需要 看 的 朋友 ,直接 
看 API Demo 那个 程序 就 可 以 了 ,里 面 分 不 同 功能 ,实现 了 不 同 的 类 ,可 以 根据 需要 查看 
具体 代码 。 

3. 程序 运行 


程序 运行 如 图 7-19 一 图 7-23 所 示 。 
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图 7-23 老师 管理 功能 


4. 程序 中 的 主要 代码 


// 设 置 fragent 页面 

< 2ml version- "1.0" encoding- "utf- 8"2> 

< LinearLayout »mlns:android= "http: //schemas .android.can/apk/res/android" 
android: layout width- "match parent" 
ardroid:laycut height- "match parent" 
android:orientation- "vertical" 


< FrameLayout 
android:id- "@ + id/realtaboontent" 
android:layout width= "fill parent" 
android:laycut beight- "Odp" 
android:background- "6 color/bigog" 
android:layout weight- "1" /> 


< RadicGroup 

android:id= "@ + id/tab rg menu" 
android:laycut width= "fill parent" 
android:layout height- "63dip" 
android:padding= "ldip" 
android:background= "@ color/white" 
android:orientation= "horizontal" 
> 
< FadicButton 

android:id- "@ + id/tab rb 1" 
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style- "@ style/tab rb style" 
android:checked= "true" 
android:drawebleBottan="@ draweble/tab selector weixing" /> 


< FadicButton 
android:id- "6 + id/tab rb 2" 
style= "0 style/tab rb style" 
android:drawableBottam="@ drawsble/tab selector tonganlu" /> 


< RadicButton 
android:id= "6 + id/tab rb 3" 
style= "@ style/tab rb style" 
android:drawableBottam= "@ drawable/tab selector faxian" /> 
< /FadicGroup» 


< /LinearLayout> 
// 使 用 fragment 
private FragrentTabHost niTabHost; 
private RadioGroup niTakREg; 
private long firstTime- 0; 
public List« Fragnent> fragnents= new ArrayList« Fragnent> (); 
@ InjectView(R.id.tab rb 2)RadicButton tab rb 2; 
@ Override 
protected void onCreate (Bundle savedInstanoeState) { 


//' TODO Auto- generated method stub 
reguestWindowFeature (Window.FEATURE NO TITIE); 
super .onCreate (savedInstanceState) ; 
sebContentView (R. layout activity main) ; 
ButterKnife.inject (this); 


fragments .add (new QueryFragnent ()) ; 

fragments .add (new ManagerFragment ()  ; 
fragrents.ac (new MyFragment ()) ; 

mifabRg= (RadioGroup) findViewById(R.id.teb rg menu); 


FragmentTabAdapter tabAdapter= new FragwentTabAdapter (this, 
fragments, R.id.realtabcontent, mfabRg) ; 
PRE SEHE P BS fü 6 
SharedPreferences preferences= this.getSharedPreferences (Nacoount", 
Context .MODE PRIVATE) ; 

Contans. role= preferences .getString("role", mi: 

Contans.s reme- preferences.getString("user", ""); 


String res- ""; 








Lë 
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Map< String, String» data- new HashMap< String, String» (); 
HttpUtils utils-new Httputils (); 
String path= ™; 
@ InjectView(R.id.lv data) ListView lv data; 
list«T Class» out data-new Arraylist« T Class» (); 
List< T _ Coursey out data _ courser new Arraylist« T Course» (); 
Liste T Student» out data student- new Arraylist« T Student» (); 
list« T Grade» out data grade= new ArrayList« T Grade» (); 
// 设 置 布局 文件 
@ Override 
public View orCreateView(LaycutInflater inflater, ViewGroup container, 
Bundle savedInstanceState) { 
View parentView- inflater. inflate (R.layout.query fragrent, 
container, false); 
Butterknife.inject (this, parentView); 
retum parentView; 
) 
// 处 理 业务 
@ Override 
public void onViewCreated (View view, Bundle savedInstanoeState) { 
super .onViewCreated (view, savedInstanosState) ; 
‘Toast .makeText (getActivity(), Contans.role, 1) .show(); 


} 


/人 单 击 查询 班级 
@ OnClick(R.id.tv class) 
public void queryClass (View view) { 
// 根 据 不 同 角色 查询 数据 
if (Contans.role.equals ("student") ) { 
data.put ("num", "cne"); 
data.put("s name", Contans.s name); 
Jelse if (Contans.role.equals ("teacher") ) { 
data.put ("num", "a11"); 
} 
new Thread (new Runnable() ( 
@ Override 
public void run() { 
path= getActivity () .getResources () .getString (R.string. 
getCalss url); 
res- utils.sendHttpClient (path, data); 
handler.sendEmptyMessage (0) ; 
) 
}) -start ( ; 


@ OrClick(R.id.tv course) 
public void querycourse (View v) 
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data.put ("num", "all"); 
new Thread (new Runnable() { 
@ Overrice 
public void nm() { 
path= getActivity () .getResources () .getString (R.string. 
getCourse url); 
res- utils.sendHttpClient (path, data); 
handler.sendEmptyWessage (1) ; 
} 
}) -start (); 


@ OnClick (R.id.tv_student) 
public void querystudent (View v) 
{ 
if (Contans.role.equals ("student") ) ( 
data.put ("num", "one") ; 
data.put("s name", Contans.s name); 
Jelse if (Contans.role.equals ("teacher") ) ( 
data.put ("num", "all"); 
H 
new Thread (new Runnable () ( 
@ Override 
public void run() { 
path= getActivity () .getResources () .getString (R.string. 
getStudent url); 
res- utils.sendHttpClient (path, data); 
handler.sendEmptyMessage (2) ; 
} 
}) .start (); 


@ OnClick(R.id.tv_grade c) 
public void querygrade (View v) 
t 
if (Contans.role.egnals ("student") ) ( 
data.put ("num", "cne") ; 
data.put("s name", Contans.s reme); 
Jelse if (Contans.role.equals ("teacher") ) ( 
data.put ("num", "all"); 
} 
new Thread (new Runnable () { 
@ Override 
public void run() { 
path= getActivity () .getRescurces () .getString (R.string. 
getGrade url); 
res- utils.sendHttpClient (path, data); 
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Handler handler= new Handler () { 
public void handleMessage (android.os.Message msg) { 

Gson gson- new Gson () ; 

uyt 
res- new String (res.getBytes ("iso- 8859- 1"), "GBK"); 

} catch (UnsupportedEnoodingexoeption e) { 
//TOD0 Auto- generated catch block 
e.printStackTrace() ; 


switch (mag. what) 


case 0: 


System.cut.println (res); 
out data- gson.franJson (res, new TypeToken< List« T Class?» () { 
J-getType 0); 
ClassApapter apapter= new ClassApapter (out. data, getActivity()); 
lv data.setAdapter (apapter) ; 
break; 
case 1: 
System.cut.println (res) ; 
out data oourse- gson.framJson(res, new TypeToken< List< T_ 
Cours» > () { 
)-getType 0) ; 
CourseAdapter adapter= new CourseAdapter (out. data course, 
getactivity()); 
lv data.setAdapter (adapter) ; 
break; 
case 2: 
System.out.println (res) ; 
out data student- gson.franJson(res, new TypeToken< List< T_ 
Student? > () { 
J-getTye 0) ; 
StudentAdapter adapter2= new StudentAdapter(out data student, 
getactivity0); 
lv data.setAcapter (adapter?) ; 
break; 
case 3: 
System.out .print in (res) ; 
out data grade- gson.framJson (res, new TypeToken< List< T - 
Grade> > () { 
}.getType()) 7 

















GradeAdapter adapter3- new GradeAdapter (out. data grade, 
getactivity()); 
lv data.setAdepter (adapter3) ; 
break; 
default: 
break; 
) 


7.4 系统 运行 与 效果 测试 
系统 运行 与 效果 测试 如 图 7-10 .图 7-15 .图 7-16 .图 7-19, A 7-22 和 图 7-23 所 示 。 
7.5 本 章 小 结 


通过 本 章 项 目 练习 ,学 习 了 Android 的 网 络 通信 ,MD5 $E P=. SharedPreferences 和 
Fragment 等 ,了 解 了 项 目 开发 的 整体 流程 。 


7.6 项 目 实践 


(1) 优化 界面 。 
(2) 封装 HTTP 网 络 通信 。 
(3) 扩充 程序 功能 。 





本 章 的 工作 目标 如 下 : 

A) 使 用 Tomcat 搭建 远 端 服务 器 并 完成 图 片 分 类 、 名 称 和 影片 等 资源 的 请 求 接口 。 
(2) 使 用 Fragment 搭建 可 单 击 item 切换 的 界面 。 

(3) 使 用 网 络 请 求 获取 影片 的 分 类 、 图 片 、 名 称 和 资源 等 信息 。 

(4) 根据 url 加 载 ,在 线 播放 影片 。 

(5) 完成 程序 运行 和 效果 测试 。 


8.1 项 目 分 析 


本 项 目的 学 习 和 操作 主要 关注 以 下 几 点 。 

(1) 了 解 并 使 用 Tomcat 搭建 服务 器 。 

(2) 掌握 MediaPlayer 的 基本 用 法 。 

(3) 掌握 SurfaceView 的 基本 用 法 。 

(A) 熟悉 网 络 请 求 、 图 片 加 载 和 多 图 片 缓 存 , 了 解 OOM. 出 现 的 原因 并 能 有 效 地 预 
Bj OOM, 

(5) 综合 以 上 几 点 ,完成 影音 播放 器 的 设计 及 开发 。 

影音 播放 器 的 设计 及 开发 如 图 8-1 所 示 。 


1. 首页 界面 


首页 主要 为 影片 分 类 和 列表 ,列表 部 分 使 用 了 GridView (网 格 布局 ), 也 可 由 
RecyclerView 代替 GridView; 在 底部 有 一 个 ProgressBar 用 来 显示 正在 加 载 。 


2. 首页 功能 


首页 功能 主要 是 展示 影片 信息 ,首先 通过 HttpClient 请 求 到 网 络 资源 ,然后 通过 
Json 解析 后 使 用 Adapter 装载 数据 ,此 时 需要 注意 图 片 的 缓存 问题 。 


3. 播放 界面 
播放 界面 主要 由 VideoView 和 ProgressBar 两 个 控件 组 成 。 外 层 为 RelativeLayout， 
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图 8-1 影音 播放 器 的 设计 及 开发 
使 ProgressBar 可 以 在 VideoView 控件 上 层 并 居中 显示 。 
4. 播放 功能 


播放 功能 使 用 VideoView 控件 ,该 控件 内 部 为 MediaPlayer 和 SurfaceView 控件 的 
封装 。 使 用 该 控件 的 主要 流程 为 初始 化 控件 一 装 入 url 一 设置 监听 。 


8.2 项 目 界面 设计 
821 知识 准备 


1. Tomcat 配置 环境 变量 的 工具 /原料 


(1) JDK: 版 本 为 jdk-7-windows-i586. exe. 下 载 地 址 为 http://www. oracle. com/ 
technetwork/java/javase/downloads/index. html. 

(2) Tomcat: 版 本 为 apache-tomcat-7. 0. 33-windows-x86. zip, 下载 地 址 为 http:// 
tomcat. apache. org/ 。 

(3) Windows 2003.32bit, 
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2. Tomcat 配置 环境 变量 的 方法 /步骤 





(D 安装 JDK 和 Tomcat 

O 安装 JDK: 直接 运行 jdk-7-windows-i586. exe 可 执行 程序 ,默认 安装 。 

ik. 路 径 可 以 其 他 盘 符 ,不 建议 路 径 包含 中 文 名 及 特殊 符号 。 

@ 安装 Tomcat: 直接 解压 缩 下 载 文 件 apache-tomcat-7. 0. 33-windows-x86. zip 到 C 
盘 下 。 安 装 路 径 建议 修改 为 : c:\tomcat。 

ik: 如 下 载 的 是 可 执行 文件 ,双击 运行 ,默认 安装 。 

(2) 配置 JDK 环境 变量 

O 新 建 变量 名 : JAVA_HOME ,变量 值 : C:\Program Files\Java\jdk1. 7.0. 

© 打开 PATH ,添加 变量 值 : JAVA HOME bin; JAVA HOME NjreVbin, 

C) 新 建 变量 名 : CLASSPATH ,变量 值 : . ;%JAVA _HOME% \lib\ dt. jars % JAVA _ 
HOME%\lib\tools. jar. 

i. 

(D 表示 当前 路 径 , %JAVA_HOME% 就 是 引用 前 面 指定 的 JAVA_HOME。 

© JAVA_HOME 指明 JDK 安装 路 径 , 此 路 径 下 包括 lib、bin、jre 等 文件 夹 ,tomcat、 
eclipse 等 的 运行 都 需要 依靠 此 变量 。 

© PATH 使 系统 可 以 在 任何 路 径 下 识别 java 命令 。 

@ CLASSPATH 为 java 加 载 类 (class or lib) 路 径 , 只 有 类 在 classpath 中 ,java 命令 
才能 识别 。 

(3) 测试 JDK 

TE CMD 命令 下 输入 javac,java javadoc 命令 ,出 现 图 8-2 所 示 界 面 ,表示 安装 成 功 。 


图 8-2 测试 JDK 


(4) 配置 Tomcat 环境 变量 

(D 新 建 变 量 名 : CATALINA_BASE, 变 量 值 : C:\tomcat. 

© 新 建 变量 名 : CATALINA_HOME ,变量 值 : C:\tomcat。 

© 打开 PATH, 添 加 变量 值 : % CATALINA_ HOME%\lib;% CATALINA _ 
HOME%Nbin。 

(5) 启动 Tomcat 服务 

(D 方法 一 : 在 CMD 命令 下 输入 命令 : startup, 出现 如 下 对 话 框 ,表明 服务 启动 
成 功 。 

OQ 方法 二 : 右 击 桌面 上 的 “我 的 电脑 ">“ 管 理 ”>“ 服 务 和 应 用 程序 ”>“ 服 务 ”, 找 到 
“Apache Tomcat” IRS , 右 击 该 服务 .选择 “属性 ”. 将 “启动 类 型 "由 “手动 ” 改 成 “自动 ”。 

效果 如 图 8-3 所 示 。 
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图 8-3 启动 Tomcat 服务 


(6) 测试 Tomcat 

打开 浏览 器 ,在 地 址 栏 中 输入 http://localhost: 8080 后 按 Enter 键 , 如 果 看 到 
Tomcat 自 带 的 一 个 JSP 页 面 , 说 明 JDK 和 Tomcat 已 搭建 成 功 。 

(D JAVA. HOME 中 的 路 径 不 能 用 分 号 结尾 ,如 C:\Program Files\Java\jdk1. 7. 0, 

@ CATALINA BASE,CATALINA HOME,TOMCAT HOME 中 的 路 径 不 能 以 \ 





© JAVA HOME 的 路 径 一 定 不 要 写成 了 JRE 的 路 径 。 

CD 在 环境 变量 中 修改 添加 变量 时 ,一定 要 注意 分 号 .空格 ,是 否 有 多 余 的 字母 。 如 果 
配置 不 成 功 ,一 定 要 反复 检查 。 

以 上 错误 容易 出现 ,错误 CATALINA_HOME 或 是 JAVA_HOME 没有 配置 
好 ,如 错误 则 提示 The CATALINA | HOME environment variable is not defined 
correctly, 

最 终 效果 如 图 8-4 所 示 。 
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图 8-4 测试 Tomcat 








822 项 目 界 面相 关 代 码 设计 

(D 主 界面 设计 

主 界面 框架 为 标题 .底部 导航 加 Fragment. Fragment 是 自 定义 加 载 到 LinearLayout 
上 ,所 以 此 处 的 LinearLayout 需要 有 ID. 





<elativelayout xmlns:androidF "http://sdheres.android.om/apk/res/android™" 
>mlns:tools= "http://schemas.android.om/tools" 
android:layout width= "matCH8 parent" 








android:layout height- "matCH8 parent" 
tools:context- ".MainActivity"> 


<Relativelayout 
android:id= "@ + id/ii_title" 
androidilayout width= "fill parent" 


android: layout width- "70dip" 
android:layout height- "wrap content" 
ardroid:layout alignParentleft- "true" 
ardroid:layout centerVertical- "true" 
android: layout marginLeft- "5dip" 
android:sro= "6 drawable/logo" /> 


< TextView 
endroid:id- "@ + id/ii title oontent" 
android:layout width- "wrap content" 
android:layout height= "wrep content" 
android:layout centerInParent- "true" 
android:textColor- "@ android:color/black" 
android:textSize- "22sp" /> 


< ImageView 
android:id= "@ id/ii title search" 
android:layout width- "wrap ocntent" 
android:layout beight- "wrap content" 
android:layout alignParentRight- "true" 
android:layout centerVertical- "true" 
android:layout marginRight- "Sdip" 
android:background= "@ drawable/ic search" /> 
< /PelativeLayout> 


< Linearlayout 
android:id= "@ + id/ii bottom" 
android: layout width= "fill parent" 
android: layout height= "wrap content" 
android:laycut alignParentBottcm- "true" 


android:id="@ id/ii bottam hare" 
android:layout width- "wrap oontent" 
ardroid:layout height- "wrap content" 
android:layout gravity- "center" 
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android:layout weight "1.0" 
android:sro="@ draweble/ic tab home" /> 


< ImageView 
android:id= "@ + id/ii bottam channel" 
android:layout width= "wrap oontent" 
android:layout height- "wrap content" 
ardroid:layout gravity- "center" 
android: layout_weight= "1.0" 
ardroid:sro- "6 draweble/ic tab channel" /> 


< ImageView 
android:id= "6 + id/ii bottom search" 
ardroid:layout width- "wrap oontent" 
android: layout_height= "wrap content" 
ardroid:layout gravity- "center" 
ardroid:layout weight- "1.0" 
ardroid:sro- "@ drawable/ic tab search" /> 


< ImageView 
android:id= "@  id/ii bottom lottery myself" 
ardroid:layout width- "wrap content" 
android:layout height= "wrap content" 
android:layout gravity- "center" 
android:layout weight- "1.0" 
androidisro- "6 drawable/ic tab my" /> 

< /Linearlaycut^ 


< Felativelaycut 
android:id- "@ + id/ii middle" 
android:layout width= "fill parent" 
android:layout height- "fill parent" 
android:layout above- "@ id/ii bottom" 
android:layout below-"8 id/ii title" 
android:background- "@ drawable/ic middle bg"> 

< fFelativelayout^ 


< /Pelativelayout> 

效果 如 图 8-5 所 示 。 

(2) 首页 Fargment 布局 设计 

当前 页 面 为 首页 的 一 个 Fragment 子 布局 ,主要 包括 视频 的 分 类 展示 。 每 一 个 分 类 
下 都 是 使 用 GridView( 类 似 九 宫 格 ) 并 且 设 定 了 个 数 。 单 击 更 多 按钮 会 跳 转 到 对 应 分 类 
下 的 更 多 界面 。 单 击 GridView 下 的 每 一 个 item 返回 服务 器 请 求 数据 ,播放 视频 。 


< 2am version- "1.0" encoding- "UIF- 8"2> 
<elativelayout smlns:android- "http: //schams android. oa/ack/ res/ android" 
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android:layout width- "fill parent" 
android:layout height= "fill parent" 


< Linearlayout 
android: layout width- "fill parent" 
android:layout beight- "fill parent" 
android:orientation- "vertical"? 


< ScrollView 
ardroid:id- "6 id/scroll" 
android:layout width= "fill parent" 
android:layout height- "fill parent" 
android: fadi ngEdgeLength- "0. dip 
android:scrolIbars= "none"> 


< Linearlayout 
android:layout width- "fill parent" 
android:layout height= "fill parent" 
android:orientation- "vertical"> 


< Relativelayout 
android:id= "@ id/rly feature container" 
android:layout width= "fill parent" 
android:layout height- "160.0dip" 
android:layout weight- "1.21" 
android:background= "@ android:color/black" 
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«Gallery 
android:id- "@ id/newImageGal lery" 
android:laycut width= "fill parent" 
android:layout height- "fill parent" 
android:laycut alignParentBottam- "true" 
android: fadingEdgeLength- "0.0dip" 
android:gravity- "center vertical" 
android:unselectedAlpha= "1.0" /> 


< RadioGroup 

android:id= "@ id/mainRadicGallery" 
android: layout_width= "fill parent" 
android: layout height= "wrap content" 
android:layout alignParentBottam- "true" 
android:gravity= "center" 
android:orientation- "horizontal" 
android:paddingleft= "15.0dip" /> 

< fPelativelayout^ 


<Relativelayout 
android:layout_width= "fill parent" 
android:layout height- "wrap content" 
android:background= "@ drawable/bg hare title" 
android:gravity- "center vertical"» 


< TextView 
android:laycut width- "wrap content" 
android:layout_height= "wrap content" 
android:gravity= "oenter vertical" 
android:peddingleft- "6 dimen/title text padding left" 
android:text- 中 电影 】" 
android:textColor= "@ android:color/white" 
android:textSize- "e dimen/onammon font size 18" /> 


< TextView 
android:id- "@ id/recommendYbreMovie" 
android: layout_width= "wrap_content" 
android:layout height= "wrap content" 
android:layout alignParentRight- "true" 
android:gravity- "center vertical" 
android:peddingreft- "6 dimen/title text padding left" 
android:text- "更 多 " 
android:textColor- "6 android:color/white" 
android:textSize- "@ dimen/ooamun font size 18" /> 

< /Felativelayout^ 








<Gridview 
arciroid:id- "@ id/gridviewbvie" 
android: layout_width= "fill parent" 
android:layout height- "310.0dip" 
android:layout marginleft- "@ dimen/videcdetail padding | 
leg" 


<!--< GridView -> 

< 1- - android:id- "@ id/gridviewMovie"- - > 

< !- - android: layout_width= "fill parent"- -> 
< !- - ardroid:layout height= "155dp"- - > 

< 1- - android:columWidth= "300dp"- - > 

< 1- — androidzhorizontalSpacing= "l0dp!r- -> 

< 1- ~ android:padding= "1dp'- -> 

< !- - ardroid:scrollbars- "horizontal"- - > 

< 1- - android:stretchMode= "spacingWidthUni fomm"- 一 > 
< 1- ~ android:vertical Spacing= "10dp"> - -> 

€ 1- - € /GridView> - -> 


< Relativelaycut 
android: layout width- "fill parent" 
android:laycut height- "wrep content" 
android:background= "@ drawable/bg hae title" 
android:gravity= "oenter vertical"> 


< TextView 
android:layout_ width= "wrap content" 
ardroid:laycut height= "wrap content" 
android:gravity= "center vertical" 
android:paddingleft= "e dimen/title text padding left" 
android:text= "(rf #2 Fy" 
android: textColor= "8 android:color/white" 
android:textSize="@ dimen/oommon font size 18" /> 


< TextView 
android:id- "@ id/recamendMoreTv" 
android:layout width= "wrap content" 
android:laycut height= "wrap content" 
android:layout alignParentRight- "true" 
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android:gravity= "center vertical" 
android:pacdingleft= "@ dimen/title text pedding left" 
android:text= "E 4" 
android:textColor- "6 android:color/white" 
android:textSize- "@ dimen/oommon font size 18" /> 

< /Felativelayout^ 


«Gridview 
android:id= "@ id/gridviewIv" 
android:layout width- "fill parent" 
android:layout height- "310.0dip" 
android:layout marginleft- "6 dimen/videodstail padding | 
left" 
android:layout marginRight- "@ dimen/videcdetail - 
padding right" 
horizontalSpacing= "@ dimen/videodetail gridview_ 


android:nunColums= "3" 
android:verticalSpacing- "@ dimen/videodetail gridview - 
padding” /> 


< Felativelayout 
android:layout width- "fill parent" 
android: layout height- "wrap content" 
androidibeckgrounde "@ dranable/oq hare title" 
android:gravity- "oenter vertical"» 


< TextView 
android:layout_ width= "wrap content" 
android:laycut height "wrap content" 
android:gravity= "oenter vertical" 
android:peddingleft- "6 dimen/title text padding left" 
android:text- 中 综艺 】" 
android:textColor= "@ android:color/white" 
android:textSize- "e dimen/onammon font size 18" /> 


« TextView 
android:id= "@ id/recommendMpreZy" 
android:laycut width- "wrap content" 
android:laycut height- "wrap content" 
android:laycut alignParentRight- "true" 
android:gravity- "center vertical" 
android:paddingLeft- "@ dimen/title text padding left" 
android:text- "B 4 " 
android:textColor= "@ android:color/white" 
android:textSize- "6 dimen/oammon font size 18" /> 

< /Pelativelayout> 
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<Gridview 
android:id= "@ id/gridviewzy" 
android: layout_width= "fill parent" 
android: layout_height= "310.0dip" 
android: layout_marginleft="@ dimen/videcdetail padding | 
leg" 


android:backgroundr "@ draweble/bg hare title" 
android:gravity- "oenter vertical"» 


< TextView 
android:layout width- "wrap content" 
android:layout height- "wrap content" 
android:gravity- "oenter vertical" 
ardroid:peddingLeft- "6 dimen/title text padding left" 
android:text= 中 动漫 】" 
android:textColor= "@ android:color/white" 
android:textSize= "@ dimen/ommon font size 18" /> 


< TextView 

android:id- "@ id/reooamendMorenm'" 

android:laycut width- "wrap content" 

android:laycut height= "wrap content" 

android:laycut alignParentight- "true" 

android:gravity= "oenter vertical" 

android:paddingleft- "6 dimen/title text padding left" 

android:text- "更 多 " 

android:textColor- "@ android:color/white" 

android:textSize= "@ dimen/ommon font size 18" /> 
< /PelativeLayout> 


« Gridview 
android:id= "@ id/gridviewm" 
android:layout width= "fill parent" 
android:layout _ height= "310.0dip" 
android:layout marginleft- "e dimen/videodetail padding - 
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Game 
android:layout marginRight- "@ dimen, /videodetai | padding 
android:horizontalSpacing= "@ dimen/videodetail L_gridview_ 
padding" 

android:numColums- "3" 

android:verticalSpacing- "@ dimen/videodetail gridview _ 
pedding" /> 


< Felativelayout 
android: layout_width= "fill parent" 
android:layout height- "wrap content" 
android:background= "@ draweble/bg hare title" 
ardroid:gravity- "center vertical'» 


< TextView 
android:laycut width= "wrep content" 
android:laycut heidht- "wrap content" 
android:gravity- "center vertical" 
ardroid:paddingLeft- "6 dimen/title text padding left" 
android:text- '[ X: 4c ]" 
android:textColor= "@ android:color/white" 
android:textSize- "6 dimen/ocmmon_font_size_18" /> 


< TextView 

android: id= "@ id/recommendMbreWaman" 

android:layout_width= "wrap content" 

android:laycut height "wrap content" 

android: layout alignParentRight- "true" 

android:gravity= "oenter vertical" 

arciroid:peddingreft- "@ dimen/title text padding left" 

android:text- "更 多 " 

android:textColor= "@ android:color/white" 

android:textSize- "e dimen/cammon_font_size_18" /> 
< /PelativeLayout> 


<GridView 
android:id- "@ id/gridviewNoran" 
android:layout width= "fill parent" 
android:layout height "140.0dip" 
android:horizontalSpacing- "6 dimen/videodetail gridview | 
pecding" 
android:nurColums- "2" 
android:verticalSpacing= "@ dimen/videodetail gridview | 
padding" /> 


«Felativelayout 








android:layout width= "fill parent" 
android:laycut height= "wrap content" 
android:background= "@ drawable/bg hare title" 
android:gravity- "center vertical'» 


< TextView 
android: layout_width= "wrap content" 
android: layout height= "wrap content" 
android:gravity- "oenter vertical" 
android:paddingleft= "6 dimen/title text padding left" 
android:text= "(7 I" 
android: textColor= "@ android:color/white" 
android:textSize= "@ dimen/oamon_font_size 18" /> 


< TextView 

android:id= "@ id/recommendMoreMusic" 
android: layout_width= "wrap_content" 
android:laycut heidht- "wrap content" 
android:layout alignParentRight- "true" 
android:gravity= "oenter vertical" 
android:pecdingLeft- "@ dimen/title text padding left" 
android:text= "更 多 " 
android:textColor- "@ android:color/white" 
android:textSize= "6 dimen/oamn font size 18" /> 

< fFelativelayout^ 


«Gridview 
android:id- "@ id/gridviewMisic" 
android:layout width- "fill parent" 
android:laycut height= "140.0dip" 
android:horizontal Spacing= "@ dimen/videodetail gridview _ 
padding" 
android:numColums- "2" 
android:verticalSpacing- "@ dimen/videodetail gridview 
padding" /> 


< Felativelaycut 
androidilayout width- "fill parent" 
android:layout height- "wrap content" 
android:background= "@ drawsble/bg hore title" 
android:gravity- "oenter vertical" 


< TextView 
android:laycut width= "wrap content" 
android:layout height= "wrap content" 
android:gravity- "center vertical" 
android:paddingreft- "6 dimen/title text padding left" 
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android:text= "(i 5t 1" 
android:textColor- "6 android:color/white" 
android:textSize- "6 dimen/oommn font size 18" /> 


< TextView 

android: id= "@ id/recommendMbreAmise" 
android: layout_width= "wrap content" 
android: layout height= "wrap content" 
android:laycut alignParentRight- "true" 
android:gravity= "center vertical" 
android:paddingleft- "@ dimen/title text padding left" 
android:text= "更 多 " 
android:textColor= "6 android:color/white" 
android:textSize- "6 dimen/ocmmon font size 18" /> 

< fFelativelayout^ 


< GridView 
android:id= "@ id/gridviewAmise" 





android: layout height- "140.0dip" 
EE lScacing- "e di : i 
idvi ding" 
android:nunColums= "2" 
android:verticalSpacing= "8 dimen/videodetail gridview _ 
padding" /> 


< Relativelaycut 
android:layout width- "fill parent" 
android: layout height= "wrap content" 
android:background= "@ draweble/bg hme title" 
android:gravity- "center_vertical"> 


< TextView 
android:layout width= "wap content" 
android:laycut height= "wrap content" 
android:gravity= "oenter vertical" 
android:paddingleft- "6 dimen/title text padding left" 
android:text= UE fj 1" 
android:textColor- "@ android:color/white" 
android:textSize= "@ dimen/ommon font size 18" /> 


android:layout height= "wrap content" 
android:layout alignParentRight- "true" 
android:gravity- "center vertical" 
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android:paddingleft= "6 dimen/title text padding left" 
android:text- "E Z " 
android:textColor- "8 android:color/white" 
android:textSize- "6 dimen/ocmmon font size 18" /> 

< /Felativelayout^ 








«Gridview 


jucdasverticaltipacine "9 di id il gridview 
padding" /> 


« Felativelayout 
android: layout_width= "fill parent" 
android:laycut height- "wrap content" 
android:background= "6 draweble/bg home title" 
arciroid:gravity- "center vertical'» 


< TextView 
android: layout width= "wrap content" 
android:layout_height= "wrap content" 
android:gravity- "center vertical" 
android:peddingreft- "6 dimen/title text padding left" 
android:text= 中 新 闻 】" 
android:textColor= "@ android:color/white" 
android:textSize- "@ dimen/oamon font size 18" /> 


< TextView 

android:id= "@ id/recommendYbreInfo" 

android:layout width= "wrap content" 

android:laycut height= "wrap content" 

ardroid:laycut alignParentight- "true" 

android:gravity= "center vertical" 

android:paddingleft= "@ dimen/title text padiing left" 

android:text- "更 多 " 

android:textColor- "8 android:color/white" 

android:textSize- "6 dimen/oammon font size 18" /> 
< /Felativelayout^ 


« Gridview 
android:id- "@ id/gridviewInfo" 
android:laycut width= "fill parent" 
android:layout beight- "140.0dip" 




















android:horizontalSpacing- "8 dimen/videodetail gridview | 
padding" 
android:numColums- "2" 
android:verticalSpacing- "@ dimen/videodetail gridview | 
padding" /> 
< /Linearlayout> 
< /ScrollView 
< /Linearlayout> 


< /Relativelayout> 
效果 如 图 8-6 所 示 。 








Dioridvie ite, E il hone x 









| B NeusOne -| D -| sr AppTheme ~| @HomeFragment + 





DÉI TextView (Ab Large Text 人 
(Ab) Medium Text 

II Small Text 国 Button 

国 Small Button 


aaajaalm 











E ToggleButton 
国 CheckBox 

@ RadioButton 

Ea] CheckedTextView 
国 Spinner 




















国 Graphical Layout | 园 il home.xml 











图 8-6 首页 效果 图 


(3) 更 多 资源 界面 设计 


该 界面 同 为 GridView 控件 ,并 且 在 底部 设置 了 ProgressBar 控件 ,以 达到 拖 动 界面 
加 载 资源 时 给 予 提示 的 效果 。 所 以 ProgressBar 控件 需要 在 Java 代码 中 对 其 visibility 


属性 进行 操作 ,在 某 特定 时 刻 完成 显示 和 隐藏 。 


< ?aml version- "1.0" encoding= "UIF- 8"2> 
<Relativelayout smlns:android- "http: //schams android. oa/ack/ res/android" 


android: layout width= "fill parent" 
android: layout height- "fill parent" 


« GricView 
android:id= "6 id/ii chamnle grid" 








android:layout width= "fill parent" 
android:layout height= "fill parent" 
android:layout gravity- "center horizontal" 
android: layout_marginBottam="15.0dip" 
android: layout merginleft- "6.0dip" 
android: layout_marginRight="6.0dip" 
android: fadingEdge= "none" 

android: fadingedgeength- "0.0dip" 
android:horizontalSpacing= "8.0dip" 
android:nurColums= "3" 

android:scrollbars- "none" 
android:verticalSpacing= "5.0dip" /> 


< Linearlayout 
android:id- "@ id/progress linear" 
android:laycut width- "wrap content" 
android:layout height- "30.0dip" 
android:layout alignParentBottcm- "true" 
android: layout_centerHorizontal= "true" 
android:layout margiriTop- "10.0dip" 
android:gravity= "center" 
android:orientation- "horizontal"> 


< ProgressBar 
android:id= "@ id/progressbar loading" 
style= "2android:progressBarStyleSmall" 
android:layout width- "wrap content" 
android:layout beight- "wrap content" /> 


< TextView 

ardroid:id- "@ id/losd more textview" 
android:layout width- "wrap oontent" 
android:layout height= "wrap content" 
android:layout_marginLeft= "5.0dip" 
android:gravity= "clip vertical" 
android:text- "6 string/loading" 
android:textColor- "8 android:color/white" 
android:textSize- "15.0sp" /> 

< /Linearlayout> 


< /Pelativelayout> 
效果 如 图 8-7 所 示 。 
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图 8-7 更 多 界面 效果 图 


(4) GridView 中 Item 设计 


< ?anl version= "1.0" encoding= "UIF- 8"2> 

< Felativelaycut smlns:android- "http://schemas .android.con/apk/res/android" 
android: layout width- "wrap content" 
android: layout height- "wrap content" 


< Felativelaycut 
android:id- "@ id/lin" 
android:layout width- "100.0dip" 
android:laycut height= "130.0dip"> 


« ImageView 
android:id- "@ id/item img" 
android:layout width- "fill parent" 





android:id- "e id/scoreld" 
android:layout width- "wrap oontent" 
android:layout height= "wrap content" 
android:layout alignParentBottam- "true" 
android:layout margirBottom- "5.0dip" 











android:layout marginleft- "5.0dip" 
android:singleLine= "true" 
android:textOolor- "8 android:color/white" 
android:textSize- "14.0sp" /> 

< /Pelativelayout> 


< TextView 
android:id= "6 id/txt loading" 
android:laycut width= "wrap content" 
android:laycut height- "wrap content" 
android:layout alignParentBottom- "true" 
android:layout below- "@ id/lin" 
android:layout centerHorizontal- "true" 
android:mexwidth- "100.0dip" 
android:singleLine= "true" 
android:textColor- "@ android:color/white" /> 


< /RelativeLayout> 
效果 如 图 8-8 所 示 。 
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图 8-8 GridView 中 Item 效果 图 


G) 播放 界面 设计 

此 界面 中 使 用 了 VideoView 控件 完成 视频 的 播放 ,加 载 视频 时 在 VideoView 上 放置 
ProgressBar 和 TextView 提示 用 户 。VideoView 控件 是 MediaPlayer 和 SurfaceView 
的 集合 ,下 文中 的 知识 准备 模块 会 详细 介绍 MediaPlayer 和 SurfaceView。 


< 2ml version- "1.0" encoding- "ut£- 82» 
< Felativetayout xmlns:androidF "http: //schemss android. oa/ack/ res/android 
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android:layout width= "matCH8 parent" 
android:laycut height= "matCHB parent" 
android:orientation= "vertical"> 


« VideoView 
android:id- "@ + id/vv" 
android:layout_width="£ill parent" 
android: layout height- "fill parent" 
android:laycut centerInParent- "true" /> 


< Linearlayout 
android:id- "@ + id/player loading" 
android:layout width- "fill parent" 
android:laycut height= "fill parent" 
android:background= "6 drawable/video player background" 
android:gravity- "center" 
android:orientation- "vertical"? 


< TextView 
android:id- "@ + id/loading video name" 
ardroid:layout width- "200dip" 
ardroid:layout height= "wrap content" 
android:ellipsize= "start" 
android:gravity- "center" 
android:singleLine- "true" 
android:text= "RE FF Jn $R ..." 
android:textSize="18.ésp" /> 


< Linearlayout 
android:layout widthr "wrap content" 
android:layout beight- "wrap content" 
android:layout marginTop= "10.5dip" 
android:gravity- "center" 
android:orientation- "horizontal" 


« ProgressBar 
android:layout width- "wrap content" 
android:layout height- "wrap content" /> 


< TextView 
android:id- "@ id/loading text" 
android:layout width- "wrap content" 
android:layout height- "wrap content" 
android:layout merginleft- "7.0dip" 
android:textSize- "12.65p" /> 
< /Linearlayout> 
< /Linearlayout^ 


< fFelativelaycut» 
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效果 如 图 8-9 所 示 。 
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图 8-9 播放 界面 


8.3 项 目 功 能 的 实现 


831 知识 准备 
1. MediaPlayer 的 基本 用 法 
(1) 获得 MediaPlayer 实例 
CD 可 以 使 用 直接 new 方式 获得 MediaPlayer 实例 。 
MediaPlayer mp- new MediaPlayer () ; 
© 也 可 以 使 用 create 方式 获得 MediaPlayer 实例 。 


MediaPlayer mp- MediaPlayer.create (this, R.raw.test); 
// 这 时 就 不 用 调用 setDataSource 


(2) 设置 要 播放 的 文件 
MediaPlayer 要 播放 的 文件 主要 包括 以 下 三 个 来 源 。 
O 用 户 在 应 用 中 事先 自 带 的 resource 资源 。 例 如 : 


MediaPlayer.create (this, R.raw.test); 
© 存储 在 SD 卡 或 其 他 文件 路 径 下 的 媒体 文件 。 例 如 : 


mp.setDataScurce ("/sdcard/test mp3") ; 

















© 网 络 上 的 媒体 文件 。 例 如 : 
mp.setDataSource (http: //www.cittynorth.cn/music/confucius.mp3") ; 


MediaPlayer 的 setDataSource 共有 以 下 四 个 方法 : setDataSource (String path) ; 
setDataSource ( FileDescriptor fd); setDataSource ( Context context. Uri uri); 
setDataSource (FileDescriptor fd. long offset. long length) 。 

(3) 对 播放 器 的 主要 控制 方法 

Android 通过 控制 播放 器 的 状态 控制 媒体 文件 的 播放 , 其 中 , © prepare ( ) 和 
prepareAsync() 提 供 了 同步 和 异步 两 种 方式 设置 播放 器 进入 准备 状态 。 需 要 注意 的 是 ， 
如 果 MediaPlayer 实例 是 由 create 方法 创建 的 ,那么 第 一 次 启动 播放 前 不 需要 再 调用 
prepare(), 因 为 create 方法 里 已 经 调用 过 。@ start() 是 真正 启动 文件 播放 的 方法 。 
@pause() Fil stop() 比 较 简单 ,起 到 暂停 和 停止 播放 的 作用 。@seekTo() 是 定位 方法 ,可 
以 让 播放 器 从 指定 的 位 置 开 始 播 放 , 需 要 注意 的 是 ,该 方法 是 异步 方法 ,返回 时 并 不 意味 
着 定位 完成 ,尤其 是 播放 的 网 络 文件 ,真正 定位 完成 时 会 触发 OnSeekComplete. 
onSeekComplete() ,也 可 以 调用 setOnSeekCompleteListener(OnSeekCompleteListener) 
设置 监听 器 来 处 理 。@release() 可 以 释放 播放 器 占用 的 资源 ,一 旦 确定 不 再 使 用 播放 器 
时 应 当 尽早 调用 它 释 放 资 源 。@reset() 可 以 使 播放 器 从 Error 状态 中 恢复 过 来 ,重新 回 
到 Idle 状态 。 

CA) 设置 播放 器 的 监听 器 

MediaPlayer 提供 了 一 些 设置 不 同 监听 器 的 方法 ,对 播放 器 的 工作 状态 进行 更 好 的 
监听 ,以 期 及 时 处 理 各 种 情况 。 

例 如 ，setOnCompletionListener ( MediaPlayer. OnCompletionListener listener), 
setOnErrorListener( MediaPlayer. OnErrorListener listener) 等 ,设置 播放 器 时 需要 考虑 
播放 器 可 能 出 现 的 情况 ,设置 好 监听 和 处 理 罗 辑 , 以 保持 播放 器 的 健壮 性 。 


2. SurfaceView 的 基本 用 法 


Surface View 是 视频 播放 控件 ,一般 与 MediaPlayer 结合 使 用 播放 视频 。MediaPlayer 也 
提供 了 相应 的 方法 设置 SurfaceView 显示 图 片 , 只 需要 为 MediaPlayer 指定 SurfaceView 
显示 图 像 。 它 的 完整 签名 如 下 : 

void setDisplay (Surfaoctiolder sh) 

它 需 要 传递 一 个 SurfaceHolder Xf $£ . Surface Holder 可 以 理解 为 SurfaceView 装载 
需要 显示 的 一 帧 帧 图 像 的 容器 , 它 可 以 通过 SurfaceHolder. getHolder() 方 法 获得 。 

使 用 MediaPlayer 配合 SurfaceView 播放 视频 的 步骤 ,与 使 用 MediaPlayer 播放 
MP3 大 体 一 致 ,只 需要 额外 设置 显示 的 SurfaceView. 

Surface View 双 缓 冲 可 以 理解 为 有 两 个 线程 轮番 去 解析 视频 流 的 帧 图 像 , 当 一 个 线 
程 解析 完 帧 图 像 后 ,把 图 像 浑 染 到 界面 中 ,同时 另 一 线程 开始 解析 下 一 帧 图 像 ,使 两 个 线 
程 轮番 配合 解析 视频 流 ,以 达到 流畅 播放 的 效果 ,如 图 8-10 所 示 。 
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832 项 目 功 能 相关 代码 设计 
1. 主 界面 逻辑 代码 实现 
(1) 声明 两 个 子 布局 和 底部 导航 的 四 个 控件 以 及 标题 。 


private HameFragment hameFragment; 
private MoreFragrent moreFragnent; 


private ImageView hare; 
private ImageView channel; 
private ImageView search; 
private ImageView myself; 


private TextView title; 


(2) 初始 化 界面 并 将 界面 的 上 下 文 存 人 GloableParams 类 中 ,以 便 其 他 页 面 的 调用 。 
调用 初始 化 控件 和 监听 的 方法 。 


@ Override 

protected void onCreate (Bundle savedInstanceState) { 
reguestWindowFeature (Window.FEATURE NO TITIE); 
Super .onCreate (savedInstanoeState) ; 
setContentView(R.layout.il main); 
GloableParams.MAIN- this; 
init(; 
setListener (); 

H 


(3) 初始 化 两 个 子 布局 ,将 homeFragment 加 入 主 界面 。 


private void init() { 
moreFragrent- new MoreFragrent () ; 
hameFragrent= new HomeFragment () ; 
initBottam(); 
addHare () ; 

} 


(4) 单 击 事件 监听 , 单 击 底部 导航 时 改变 标题 和 子 布局 并 且 切 换 底部 导航 图 片 , 单 击 
更 多 时 加 载 moreFragment 布局 。 
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@ Override 

public void orclick (View v) { 
hare. set ImageResource (get ImageId (0, false) ) ; 
channel .set ImegeResouroe (get Imageld (1, false) ) + 
search. set TmageResouros (getImgeId (2, false) ); 
myself.setImageRescurce (getImageId (3, false) ) 


switch (v.getId()) { 
case R.id.ii bottam hare: 
title.setText ("Pj Ji "); 
home. set ImageResouroe (get Imageld (0, true) ) ; 
adhe () ; 
break; 


case R.id.ii bottom channel: 
title.setText (i ii") ; 
channel . set ImageResource (get Imageld (1, true) ) ; 
ad pre (); 
break; 


case R.id.ii bottam search: 
title.setText ("本 地 视频 "); 
search.setTmageResource (get Imageld (2, true) ) ; 
break; 


case R.id.ii bottam lottery myself: 
title.setText ("FR MYM EEN 
myself.setImageRescurce (get Image ld (3, true) ) ; 
break; 


) 
C5) 底部 导航 图 片 的 切换 。 


private int getImageId(int paramInt, boolean paramBoolean) { 
switch (paramInt) ( 


case 0: 
if (paramBoolean) ( 
retum R.drawable.ic tab hame press; 
} 


return R.draweble.ic tab hare; 


case 1: 
if (parenBoolean) { 
retum R.draweble.ic tab channel press; 
H 


) 








if (paranBoolean) ( 
retum R.drawable.ic tab searCHB press; 

} 

return R.drawable.ic tab search; 


Case 3: 
if (paramBoolean) { 
retum R.draweble.ic tab hame press; 
) 
return R.drawable.ic tab my; 


default: 
return- 1; 
) 


(6) 播放 页 面 的 跳 转 。 


public void jumpactivity (String uri) { 


) 


Intent intent- new Intent (this, VidecNet .class) ; 
intent.putExtra ("uri", uri); 
startActivity (intent) ; 


(7) 调用 UIManager 中 的 changeFragment 方法 将 子 视图 加 载 进来 。UIManager. 
getInstance( ) 为 单 例 模式 ,只 能 有 一 个 对 象 被 创建 。 


private void addvore() { 


) 


UlIManager.getInstance () .changeFragrent (moreFragnent,null, true); 


(8) UIManager 中 的 changeFragment 方法 : 参数 1 为 视图 对 象 .参数 2 为 数据 、 参 
数 3 为 是 否 添加 到 返回 栈 中 。GloableParams. MAIN 为 前 文 添加 的 上 下 文 ,此 处 通过 上 
下 文 得 到 FragmentManager 对 象 ,使 用 transaction 开启 事务 来 添加 视图 。 使 用 replace 
方法 添加 视图 时 会 把 上 一 个 视图 给 替换 ,这 样 就 不 会 出 现 两 个 视图 同时 出 现 的 bug. fH 
是 这 种 方法 正 使 用 返回 键 时 无 法 返回 上 一 个 视图 ,所 以 需要 将 当前 视图 手动 的 加 入 返回 


栈 中 。 


public void changeFragrent (Fragrent target, Bundle bundle,boolean isAdd) { 


if (bundle != mull) { 
target.setArgurents (bundle) ; 


FragrentTransacticn transaction- manager .begiriTransacticn() ; 
transaction.replace(R.id.ii middle, target); 


// 返 回 键 的 操作 

















transacticn.actTcBackStack (null) ; // 加 入 返回 键 的 栈 中 


transaction.camit (); 
} 


效果 如 图 8-11 所 示 。 
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图 8-11 主 界面 


2. 首页 逻辑 代码 实现 
CD. 主 界面 默认 加 载 的 是 homeFragment, 即 首页 。 在 onCreateView 方法 中 进行 控 
件 和 适配器 的 绑 定 。 


@ Override 
public View onCreateView (LayoutInflater inflater, ViewGroup container, 
Bundle savedInstanceState) { 
//getView 
Log. i (TAG, "onCreateView") ; 
View view inflater.inflate(R.layout.il hme, container, false); 
//container: LayoutParameter 参数 传递 ;attachToRoct:false 不 会 挂 载 到 root 上 
this.gridviewMovie- ((GridView) view.findViewById 
(R.id.gridviewMovie)); // 九 宫 图 


(2) 初始 化 适配器 ,参数 中 的 6 为 图 片 的 个 数 。 
adapter= new Softcachepdapter (getactivity(), 6); 
this.gridviewovie.setAdapter (adapter) ; 


this. reconmendMbreMovie= ( (TextView) view 
-fincViesById (R.id.recomencMoreMovie) ) ; 








(3) setCallback 方法 在 从 服务 器 上 获取 图 片 数据 后 ,回调 将 图 片 资源 加 载 到 视图 中 。 


adapter.setCallback(new ImageCallback() ( // 回 调 , 即 绑 定 监听 器 


@ Override 
public void imageLoaded (Bitmap bitmap, Object tag) { 
mds qup Ge 
-findViewWithTag (tag); 


if (imageView !=null) { 
imageView.setImageBitmap (bitmap) ; 
} 


» 


(4) Text View 控件 更 多 的 单 击 监听 。 单 击 后 拿 到 服务 器 请 求 的 uri WA Bundle Xf 
象 中 ,在 加 载 更 多 页 面 时 传递 过 去 。 


ITeccmmencdMpreMbvie.setOnclickListener (new OnClickListener() ( 


@ Override 
public void onClick (View v) { 
Bundle bundle= new Bundle () ; 
bundle.putString("data", ConstantValue.URI 
+ ConstantValue.VITED URI); 
UIManager .get Instance () .changeFragnent (new MoreFragment () , 
bundle, true); 


We 
return view; 
) 


(5) 拿 到 服务 器 请 求 的 uri. JAY NetWorkTask O. executeProxy 异步 方法 请 求 服务 
器 。 将 监听 的 上 下 文 赋值 给 params, listener, 传 人 调用 的 方法 中 。 


@ Override 
public void onStart() { 
1og.i (IAG, "onStart") ; 
/发 送 请 求 ER Jscn 信 息 
// 发 送 的 参数 ,orResultlistener 实现 类 的 对 象 OPL OM String, Strinp prams 图 是 否 弹出 
滚动 条 
Params params- new Params (); 
params.listener- this;/// 2$ BaseFragrent 实现 了 此 监听 
params.url- ConstantValue.URIt ConstantValue.SLICE URI; 


// 首 页 列表 的 json 


new NetWorkTask () .executeProxy (params) ; 
super.onStart () 

















C6) 进行 网 络 判断 ,如 果 当 前 网 络 不 正常 ,调用 PromptManager. showNoNetWork 
(mContext) ;检查 是 否 有 网 络 。 若 网 络 状态 良好 则 调用 super. execute(params) 进 行 服务 
器 请 求 。 此 过 程 中 弹出 进度 条 对 话 框 提示 资源 加 载 中 。 

在 此 方法 中 ,将 之 前 设置 的 上 下 文 赋 给 this. onResultListener 就 可 以 在 当前 页 面 调 
用 首页 面 。 





pe 
* 加 强 版 的 开始 线程 的 操作 (网 络 判 断 ) 


* «p 

* <li> index- 0 的 参数 为 Fragent 

* « li» indexs=1 的 参数 为 是 否 显示 滚动 条 
* «li» index- 2 链接 

* Qretum 

*/ 


public final AsyncTask< Params, Integer, Cbject> executeProxy ( 
Params... params) { 
if (params [0] .listener instanceof BaseFragment) { 
this.onResultListener= params [0] .listener; 
mContext= ((BaseFragrent) params [0] .listener) .getActivity(); 
PIN BBD £i BY AR AS 
if (NetUtil.checkNetType (mContext)) ( 
if ((Boolean) params[0].isShowProgress) ( 
PromptManager . showProgressDialog (rContext.) ; // 弹 出 对 话 框 


retum super.execute (params) ; // 调 用 onPostExecute 
} else { 
‘PromptManager .showNoNetWork (Context) ; // 检 查 是 否 有 网 络 
} 
} 
return null, 


(7) super. execute( params) 44 D doInBackground 方法 ,此 方法 中 调用 clientUtil. 
sendGet 方法 请 求 服 务 器 。 


@ " 
protected Cbject doInBackground (Params... params) { 
HttpClientUtil clientUtil- new HttpClientUtil(); 
String result- clientUtil .sendGet (params [0] .ur1) ; 
return result; 
} 


(8) 使 用 HttpGet 请 求 并 加 入 get. setParams(httpParams) 对 请 求 进行 一 定 的 设置 。 
如 果 请 求 成 功 , 则 将 得 到 的 流 对 象 转换 成 字符 串 返回 ,否则 返回 null。 


public String sendet (String uri) { // 请 求 json 数 据 
get- new HttpGet (uri); 








HttpParems httpParams- new BasicHttpParams () ; // 请 求 参 数 
HttpConnectionParams.setConnectionTimeout (httpParams, 8000); 

// 设 置 连接 超时 时 间 
HttpConnectionParams.setSoTimecut (httpParams, 8000); // 响 应 超时 


get.setParams (httpParams) ; 


try{ 
response client .exscute (get); 


if (response.getStatuslire () .getStatusCode()== 200) { 
retum EntityUtils.toString (response.getEntity(), ConstantValue.ENOODING) ; 
H 
) catch (Exception e) ( 
e.printStackTrace () ; 
) 


return null; 
) 


(9) doInBackground 方法 结束 后 会 调用 onPostExecute 得 到 返回 值 ,并 关闭 进度 条 
对 话 框 。 如 果 当 前 onResultListener 对 象 不 为 null, 则 根据 返回 的 result 设置 errorCode. 
并 且 调 用 onResultListener. onGetResult 方法 结果 和 返回 码 返回 。 


EI 
* 请 求 的 返回 结果 
*/ 
protected void onPostExecute (Cbject result) ( 
PramptManager .closeProgressDialag () ; 
if (this.onResultListener I- null) { 
int errorCode= ConstantValue.SUOCESS; 
if (result==null) ( 
errorCode= ConstantValue.FREOR; 
i 


cnResultListener 
-onGetResult (errorCode- = ConstantValue.ERFOR ? null 
: result, errorOode) ; // 将 结果 和 返回 码 返回 


) 


C100 对 返回 的 结果 进行 判断 .如 果 返 回 值 不 为 空 并 且 返 回 码 为 ConstantValue. 
SUCCESS, 那 么 就 将 result 所 对 应 的 字符 串 解析 出 来 (JSON) ,将 其 中 的 uri 放 入 集合 并 
将 集合 传人 adapter, 通 知 adapter 更 新 界面 :否则 弹出 对 话 框 提示 。 

@ Override 

public void onGetResult (dbject result, int iError) { 

if (iError= = ConstantValue.SUOCESS sg result != null) { 


/获取 返回 的 json 信 息 并 解析 使 用 
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String json- result.tcString() ; 
tyi 
JUSCNObject jsonObject= new JSANObject (json) ; 
List< Slioe» parseArray- JSON.parseArray (jsondbject .getString 
("slices"), Slice.class) ; 
Slice slice= parseArray.get (0); 
List< Hot» hot- slice.getHot () ; 


/更 新 界面 

adapter.setHotList (hot); 

adapter .notifyDataSetChanged () ; 
jcatch (Exception e) t 


) 
Jelse{ 
//getactivity() 当前 系统 仅 有 的 activity 的 引用 
PramptManager.showErrorDialog (getActivity(), 服务 器 忙 …."); 
) 
super.onGetResult (result, iError); 
) 


(11) 在 适配器 创建 时 就 绑 定 回调 函数 。 


public void setCallback(ImageCallback callback) { 
H 


(2) 为 控件 绑 定数 据 。 


@ Override 
public View getView(int position, View convertView, ViewGroup parent) { 
ViewHolder holder= null; 
) 


(13) 判断 是 否 存在 convertView, 若 存在 直接 拿 来 重用 , 若 不 存在 则 创建 一 个 。 


if (convertView !- null) ( 
holder- (ViewHolder) convertView.getTag(); 
} else { 
holder= new ViewHolder () ; 
convertView- View 
«inflate (context, R.layout.il gridview item, null); 


holder.itemlimg= (ImageView) convertView 
-findViewById(R.id.item img); 
holder.scord= (TextView) convertView. findViewByld(R.id.scoreld) ; 
holder.title= (TextView) convertView 
- findViewByld (R.id.txt_loading) ; 


holder. itemlmg.setImageResource (R.drawable.id_ default); 
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convertView.setTag (holder) ; 





H 


if (hotList '=mull) ( 
try { 


(14) 拿 到 对 应 的 hot 对 象 ,该 对 象 中 包括 uri 等 视频 详细 信息 。 
final Hot hot=hotList.get (position); 
(15) item 的 单 击 事件 ,使 用 上 下 文 调用 主 界面 的 方法 带 着 uri 跳 转 到 播放 界面 。 
convertView.setOnCLickListener (new OnClickListener () ( 
// 单 击 iten 跳 转 到 视频 播放 页 面 ,并 传递 指定 的 uri 
@ Override 


public void onClick (View arg0) { 
((MainActivity) GloableParams MAIN) . jumpactivity (hot.getUrl () ) ; 


H; 


if (hot !=nul]) ( 
(16) 拿 到 图 片 的 uris 


String imgUrl-hot.getImg url(); 
/判断 某 字 符 串 是 否 不 为 空 且 长 度 不 为 0 且 不 由 空白 符 (whitespacs) 构 成 
(17) 将 getWorks id 赋 给 图 片 让 每 一 张 图 片 都 有 唯一 的 tag. 


/tag 的 指定 唯一 
holder.itemImg.setTag (hot .getWorks id()); 


(18) 在 软 引 用 中 通过 唯一 的 tag 找寻 这 张 图 片 ,如果 存 在 就 赋值 给 itemImg ,和 否则 判 
Wi callback 是 否 存在 对 象 (因为 在 一 开始 就 设置 了 回调 所 以 该 对 象 不 为 null) ,存在 就 调 
用 ImageDownload(callback). execute 方法 ,通过 uri 从 服务 器 拿 数 据 并 将 callback 传 过 
去 方便 使 用 回调 函数 。 


Bitmap hre GloableParams. IMSCACHE.get (hot 
-gptliorks_id()); 
if (m !=null) { 
holder. iteniing. set mageBitmap (am) ; 
} else { 
if (callback !=null) { 
new TmageDownload (callback) .execute (imgUr1, 
hot.getWiorks id(); 

















) 


holder.scord.setText (hot .getRating()+ " 4) ") ; 
holder.title.setText (hot.getTitle()); 
) catch (Exception e) { 


return convertView; 


(19) 如 果 上 述 方法 在 软 引用 中 找 不 到 需要 的 图 片 就 会 调用 到 ImageDownload 中 的 
doInBackground 方法 ,该 方法 通过 调用 loadImageFromUrl 方法 获取 图 片 ,并 且 对 图 片 进 
行 一 定 的 压缩 处 理 。 因 为 此 方法 在 更 多 界面 也 会 调用 到 并 且 两 个 界面 图 片 所 进行 的 操作 
不 一 样 ,所 以 需要 通过 参数 进行 判断 。 根 据 flag 的 值 判断 应 该 进行 哪 种 操作 。 当 前 该 方 
法 将 获取 的 图 片 和 传递 过 来 的 tag 存 人 软 引 用 中 方便 下 次 使 用 时 读 取 。 


@ Override 
protected Bitmap doInBackground (String... params) { 
Bitmap bitmap= loadImageFranUrl (params [0]) ; 
if (bit '=mul)) ( 
tag- parans [1] ; 
String flag- CACHE TYPE SOFT; 
try { 
flag= params [2]; 
} catch (Exception e) { 
} 
if (CACHE_TYPE_IRU.equals(flag)) { 
TmegeCache.getInstanoe() .Put (tag, bitmap); 
) else if (CACHE TYPE DIS.equals (flag)) { 


} else { 
GloableParams.IM3CACHE.put (tag, bitmap); 
} 


return bitmap; 
) 


(20) 通过 adapter. loadImg 获取 服务 器 上 的 图 片 信 息 并 对 其 进行 处 理 , 详 细 流 程 参 
见方 法 注释 。adapter. loadImg 方法 已 经 在 上 文中 介绍 过 .此 处 不 再 獒 述 ,需要 注意 的 是 
此 方法 为 上 文 方法 的 重 载 ,返回 值 类 型 是 不 一 样 的 。 


public static Bitmap loadimageFrnir] (String url) { 
/url= StringUtils.replace (url, "10.0.2.2", "192.168.1.101"); 
InputStream i- null; 
tyi 
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HttpClientUtil adapter= new HttpClientUtil (); 
i= adapter. loading (url); 


/ntp://blag.csdn.net/xiarmingül/article/details/8280434 
BitmepFactory.Options cpt= new BitmepFactory.Options(); // 对 图 片 进行 操作 以 保证 内 存 空间 
cpt.inPreferredConfig- Bitmap.Config.RGB 565; 
/RGB 565 代表 8 位 RGB 位 图 
opt..inPurgeable= true; 
// 当 isPurgable 设 为 tmue 时 ,系统 中 内 存 不 足 时 ,可 以 回收 部 分 Bitmap 占 据 的 内 存 空间 ,这 
时 一 般 不 会 出 现 outofMempry 错误 

cpt.inInputShareable= true; 

// 快 定位 图 是 否 能 够 共享 一 个 指向 数据 源 的 引用 ,或 者 是 复制 一 份 


retum BitmapFactory.decodeStream(i, null, opt); // 返 回 重新 生成 的 图 片 
} catch (Exoeption e) ( 

e.printStackTrace () 
) 
return null; 

} 

上 文 的 doInBackground 方法 结束 后 会 调用 onPostExecute 方法 ,因为 前 文 一 层 层 的 
传递 已 经 将 imageCallback 对 象 传 了 过 来 ,所 以 在 当前 页 面 上 可 以 调用 imageCallback. 
imageLoaded, 将 图 片 加 载 到 界面 上 。 因 为 imageLoaded 方法 是 在 首页 面 重 写 的 ,会 回 到 
首页 调用 ,所 以 该 方法 称 为 回调 。imageLoaded 方法 详情 参见 上 文 的 绑 定 回调 。 

@ Override 

protected void onPostExecute (Bitmap result) { 
if (imageCallback != null) 
imageCallback.imageloaded(result, tag); 
super .onFostExecute (result); 
) 


效果 如 图 8-12 所 示 o 
3. 更 多 界面 逻辑 代码 实现 


单 击 更 多 后 调用 recommendMoreMovie. setOnClickListener 中 的 onclick 方法 带 着 
bundle 等 参数 将 moreFragment, 加 载 到 主 界面 ,因为 用 的 是 resplaces, 所 以 首页 面 会 被 
TR. 

(1) 隐藏 进度 条 提示 框 。 

progressLinear.setVisibility (View. INVISIBLE) ; // 正 在 加 载 提示 

(2) f£ onCreateView 方法 中 绑 定 回调 。 

adapter= new LrucacheAdapter (getActivity () new ImageCallback() f 


@ Override 
public void imageLoaded (Bitmap bitmap, Object tag) { 
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图 8-12 首页 面 的 加 载 


ImageView imageView- (ImageView) channelGridview 
-fincViewiithTag (tag) ; 
if (imegeView ! null) ( 
imageView. set_ImageBi trap (bitmap) 7 
} 


nz 
(3) 得 到 传递 过 来 的 bundle, 获 取 其 中 的 信息 ,调用 executeProxy 拿 到 数据 。 
Bundle bundle- getArgurents () ; 


if (bundle !- null) ( 
String url= bundle.getString ("data"); 


new NetWorkTask () .executeProxy (params) ; 
) 


(4) 调用 该 方法 得 到 result 和 iError, 并 隐藏 进度 条 。 如 果 adapter 中 已 经 有 视频 的 
详细 信息 数据 ,就 将 请 求 返回 的 数据 集合 加 入 进去 ;如 果 没 有 ,将 数据 集合 设置 到 adapter 
中 ,通知 界面 更 新 。 





@ Override 
public void onGetResult (bject result, int iError) { 
progressLinear.setVisibi lity (View. INVISIBIE) ; 
if (iError==ConstantValue.SUKESS && result !=null) { 
String json result.toString(); 
try { 











USONObject jsondbject= new JSONdbject (json); 


List« Video> videos- JECN.parseArray ( 
Jsondbject .getJSANObject ("video list").getString( 
"videos"), Video.class); 
// 设 置 adapter 更 新 Gridview 
List< Video» videos2= adapter .getVideos (); 
if (videos2 !=null && videos2.size()» O) { 
videos2.addAL1 (videos) ; 
adepter.setVideos (videos?) ; 
)elset 
adapter .setVideos (videos) ; 
} 
adepter.notifyDataSetChanged () ; 
} catch (JSONExoeption e) { 
e.printStackTrace () ; 
) 
} else { 
//gethctivity() 当前 系统 仅 有 的 Activity ff] 31 JH 
PromptManager .showErrorDialog(getactivity(), "RS BEAT: Lm; 
} 
super .onGetResult (result, iError); 
) 


(5) Adapter 的 构造 中 也 将 回调 对 象 传 进来 。 


public LrucacheAdapter (Context context, ImageCallback callback) ( 
super () 7 
this.context- context; 
this.callback- callback; 

) 


(6) getView 方法 中 进行 数据 的 查询 适 配 。 


if (videos I null) { 
try { 
Video video= videos .get (position); 
if (video !=null) ( 
String imgUrl= video.getImg url(); 
if (StringUtils.isNotBlank(imgUrl)) ( 
holder.itemümg.setTag (video.getWorks id()); 


(7) 获取 强 引用 中 的 数据 。 


Bitmap be ImgeCache..getInstance () .get (video.getWorks id()); 
Bitmap le GloableParams. IMSCACHE.get (video.getiWorks id()); 


if (m != null) f 
bolder.itemImg.setImegeBitmap (am ; 

} else { 
holder. itenling.setImageResource (R.draweble.id default); 
if (callback !=null) { 




















请 求 服务 器 获取 图 片 信息 ,ImageDownload. CACHE, TYPE. LRU 的 作用 是 将 图 片 
放 入 强 引 用 中 。 





new ImegeDownloed (callback).execute (imgUrl, video.getWorks id(), 
TmegeDownload.CACHE TYPE IRU); 


} 


holder. scord.setText (video.getRating()+ A] ") ; 
holder.title.setText (video.getTitle()) ; 
} catch (Exception e) { 
e.printStackTrace() ; 
} 
) 


(8) 请 求 结束 后 回调 该 方法 ,将 图 片 加 载 到 界面 上 ,在 获得 图 片 和 加 载 之 前 会 将 图 片 
存 和 人 强 引用 中 ,下 次 使 用 该 图 片 会 先 去 强 引用 中 取 。 详 细 步 骤 同 上 文 的 存 人 弱 引 用 。 


adapter= new LrucacheAdapter (getActivity(),new ImageCallback() { 


@ Override 
public void imageLoaded (Bitmap bitmap, Cbject tag) { 
ImageView imageView= (ImageView) channelGridview 
- findViewsithTag (tag) ; 
if (imageView !=null) ( 
imageView. set ImageBitmap (bitmap) ; 


C9) 对 于 滚动 的 监听 ,在 滚动 结束 后 ,判断 当前 位 置 进行 一 系列 操作 。 如 果 最 后 的 
item 显示 在 界面 上 ,就 要 请 求 服务 器 获取 视频 信息 ,之 后 的 操作 同上 文 的 服务 器 请 求 


private void setListener() { 
channelGridView.setOnScrolllistener (new OnScrollListener() { 


@ Override 
public void onScrollStateChanged @bsListView view, int scrollState) { 
/判断 Gridview 的 滚动 状态 
// 当 Gridview 停 止 滚动 
// 获 取 当 前 正在 显示 的 最 后 那个 item 的 position 信息 
/获取 Gridview 的 所 有 的 size 的 总 量 ,集合 的 size 
//position== size- 1, 翻 页 操作 处 理 
if (scrollState- - SCROLL STATE IDF) { 
if (view.getlastVisiblePositicn()- — view.getOount ()- 1) { 
/获取 下 一 页 的 资源 
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currentpaget + ; 
// 提 示 信 息 的 处 理 
progressLinear.setVisibility (View.VISIBIE) ; 


// 设 置 参数 


params.listener- MoreFragrent..this; 


(10) 根据 滚动 的 次 数 查 询 相 应 的 数据 ,此 操作 需要 访问 百度 的 服务 器 ,因此 只 有 在 


有 网 络 的 情况 下 才能 进行 。 


parame.url- "http://app.video .baicdi.om/adnativerwie/ deg=" 


+ (currentpage * 20) 
+ "send-" 
+ (currentpage * 20+ 20); 


new NetiorkTask () .executeProxy (params) ; 


) 


@ Override 
public void onScroll (AbsListView view, int firstVisibleIten, 
int visibleItemCount, int totalltemCount) { 
//TODO Auto- generated method stub 


D 
效果 如 图 8-13 和 图 8-14 所 示 。 


4. 视频 播放 界面 逻辑 代码 实现 


(1) 单 击 首页 面 上 的 任意 item 会 进入 视频 播放 界面 。 该 界面 使 用 videoView 播放 视 


频 ,videoView 内 部 对 Mediaplayer 和 SurfaceView 进行 了 封装 。 


private void init() { 
String uriStr- intent.getStringExtra ("uri"); 
(2) 如 果 传 递 过 来 的 信息 中 没有 uri, 就 播放 默认 视频 。 
if(StringUtils.isBlank (uriStr))(í 
uri-Uri.parse ("http://10.0.2.2/KMPlayerService/res/movie/6.mp4") ; 
Jelset 




















图 8-13 下 拉 请 求 服务 器 





图 8-14 服务 器 请 求 失败 


uri-Uri.parse (uristr); 
} 


videoView= (VidecView) findViewById(R.id.wv); 
preload (Linearlayout) findViewById(R.id.player loading); 


(3) 设置 uri。 
videcView.setVidecURI (uri); 


(4) 准备 完毕 的 监听 ,调用 start 方法 开始 播放 视频 。 
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VideoView.setOnPreparedListener (new OnPreparedListener() { 





@ Override 

public void onPrepared (MediaPlayer mp) { 
preload. setVisibi lity (View. INVISIBLE) ; 
videoView.start (); 


ye 


(5) 如 果 视 频 播放 完毕 就 结束 此 页 面 , 回 到 调用 的 页 面 。 


e 
* 视频 播放 完毕 的 监听 
*/ 
videcView.setOrCarpleticriLi stener (new MediaPlayer.OnCorpleticnListener() 
d 
@ Override 
public void onCampletion (MediaPlayer mp) 
{ 
finish (); 
} 
We 
} 


(6) 是 否 开启 对 视频 的 控制 , 若 为 true 则 会 调用 内 部 布局 弹出 进度 条 、 暂 停 或 播放 和 
快 进 快 退 等 操作 按钮 ,无 须 自行 对 视频 播放 控制 进行 代码 编写 , 极 大 地 减少 了 代码 量 。 
videoView.setMediaController (new MediaController (this)); 


效果 如 图 8-15 所 示 。 








图 8-15 视频 加 载 中 

















5. 对 于 图 片 引 用 的 逻辑 代码 实现 


通过 以 下 方法 进行 的 图 片 引用 ,可 以 保证 在 加 载 大 量 资源 数据 的 情况 下 使 系统 流畅 
运行 ,不 会 导致 OOM。 
CD 设 定 结合 中 所 能 存储 数据 的 最 大 内 存 容量 和 SD 卡 的 空间 。 


private static final int MAXSIZE- 1004* 1004* 5;//SM 
private static final int DIS CACHE SIZE- 1004 * 1004* 10; /10B 占 据 sncara 的 空间 


(2) 声明 两 者 的 对 象 。 


private LruCache« Object, Bitmap» lrucache; ”// 图 片 的 缓存 ;设置 的 Value 必须 能 够 计算 出 所 占有 的 内 
存 的 大 小 
private DiskLruCache diskLruCache; /将 图 片 缓存 在 spcard E 


(3) 构造 private 类 型 以 使 用 单 例 。 在 加 入 元 素 时 需要 能 够 获得 其 所 占 内 存 的 大 小 ， 
否则 无 法 使 用 。 


private ImageCache() { 
//put (key ,abject) sizet 1- -集合 中 所 存 元 素 的 个 数 
// 当 向 集合 中 添加 一 个 Bitmap 时 ,能 够 获知 Bitmap 所 占用 的 内 存 大 小 
/hraxsize 代 表 当 前 分 配给 Bitmap 的 集合 的 内 存 大 小 


lrucache- new LruCache« Object, Bitmap» (MAXSIZE) { 


@ Override 

protected int sizeOf (bject key, Bitmap value) { 
// 每 添加 一 张 图 片 ,size 的 变动 代表 该 bitmap 占 用 的 内 存 大 小 
//Log.i (TAG, key.toString()); 
retum getSize (value) ; 

} 


CA) 如 果 加 入 元 素 后 超过 最 大 的 存储 空间 , 则 需要 清理 不 常用 的 元 素 。 


@ Override 
protected void entryPemoved (boolean evicted, Object key, 
Bitmap oldValue, Bitmap newValue) { 
evicted 如 果 为 True 所 代表 :MaxsIzE 不 够 用 
if (evicted) { 
//MexsIZE 不 够 用 
log.i(TAG, "remove:"t key.toString()); 
// 两 种 缓存 的 结合 使 用 
// 如 果 内 存 空 间 充足 ,可 以 将 被 清除 的 bitmap 对 象 存 人 软 引 用 的 集合 
//GloableFarams.IMGCRCHE.pPut (key, oldValue) ; 
} 
super entryRemoved (evicted, key, oldvalue, newValue) ; 


k // 就 只 能 放 34 的 图 片 








(5) 如 果 当 前 存在 SD 卡 , 则 在 SD 卡 上 开辟 出 一 部 分 空间 存放 元 素 , 这 样 可 以 在 读 
取 不 到 该 引用 中 的 元 素 时 在 SD 卡 上 读 取 ,使 页 面 资源 加 载 更 加 流畅 。 


disktrucacher DiskLnuCache .qpenCache (GloebleParems.MAIN, new File( 
path), DIS CACHE SIZE); 


) 
(6) 使 用 get 方法 读 取 元 素 。 


public Bitmap get (Object key) ( 
/获取 硬 引用 图 片 
Bitmap bitmap= lrucache.get (key) ; 


// 如 果 没 有 
if (bitmap==null) ( 
// 读 取 spcard 中 的 资源 
if (diskLruCache !- null) ( 
bitmap- diskLruCache.get (key.toString()) ; 
} 
} 


return bitmap; 
) 


(7) 使 用 Put 方法 添加 元 素 , 并 且 同 时 添加 SD 卡 上 。 一 旦 超过 最 大 内 存 , 调 用 上 文 
的 方法 清除 数据 。 


public void put (Gbject key, Bitmap value) { 
// 如 果 一 旦 添加 的 Bitrap 所 占据 的 总 的 内 存 超过 了 MaxsTzE, 移 除 一 部 分 不 常 使 用 的 map 
lrucache.put (key, value); 


if (diskLruCache !— null) ( 
diskLruCache.put (key.toString(), value); 
} 
} 


(8) 清除 SD 卡 和 引用 集合 中 的 数据 。 


public void clear() { 
lrucache.evictAll () ; 
if (diskiruCache !- null) ( 
disklmuCache.clearCache () 

















) 


8.4 系统 运行 与 效果 测试 


系统 运行 效果 如 图 8-16 一 图 8-18 所 示 。 
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图 8-16 首页 1 
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817 首页 2 


本 程序 仅 对 网 络 视频 播放 进行 了 按钮 的 实现 , 即 视频 资源 信息 的 获取 和 视频 播放 
CvideoView 仅 支 持 少 部 分 格式 的 视频 播放 , 若 想 播放 其 他 格式 的 视频 , 需 调 用 第 三 方 的 
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图 8-18 播放 界面 
视频 播放 软件 ) 。 页 面 中 的 频道 .搜索 和 我 的 视频 部 分 有 待 后 期 拓展 。 


8.5 本 章 小 结 


通过 本 章 的 学 习 , 对 影音 播放 控件 MediaPlayer 和 视图 绘制 控件 SurfaceView 有 了 
初步 的 了 解 ,能 够 使 用 网 络 请 求 获取 服务 器 资源 并 且 完 成 播放 功能 。MediaPlayer 控件 
支持 的 播放 格式 是 很 有 限 的 ,如 果 需 要 播放 相对 丰富 的 格式 的 视频 ,就 需要 在 项 目 中 引用 
第 三 方 的 控件 。 

本 章 中 ,还 接触 到 Android 开发 中 常见 的 一 个 问题 OOM., 即 内 存 溢出 。Android 对 
每 一 个 应 用 所 分 配 的 内 存 都 是 有 上 限 的 ,如 果 项 目 中 的 某 些 对 象 占用 了 较 大 的 内 存 又 不 
能 及 时 得 到 销毁 ,就 会 导致 内 存 泄漏 ,最 终 导致 OOM。 本 章 中 容易 导致 OOM 的 主要 因 
素 在 于 图 片 加 载 。 为 防止 OOM 的 发 生 , 我 们 在 项 目 中 使 用 了 缓存 : 内 存 缓存 和 SD BRE 
存 。 这 两 者 相 结 合 将 大 大 提高 图 片 加 载 的 效率 ,并 且 减 少 OOM 的 产生 。 


8.6 项 目 实 践 


CD 将 APP 安装 到 实验 用 手机 测试 本 章 的 功能 。 
(2) 更 换 不 同 屏幕 的 模拟 器 测试 显示 效果 。 

(3) 跟 换 不 同 版 本 的 模拟 器 测试 功能 效果 。 

(4) 使 用 不 同 格式 的 视频 测试 播放 功能 。 





> 


本 章 的 工作 目标 如 下 : 

(1) 注册 百度 地 图 开发 者 账号 ,并 创建 自己 的 标 度 地 图 应 用 。 

(2) 在 手机 或 者 模拟 器 上 展示 百度 地 图 ,实现 交通 地 图 和 卫星 地 图 的 切换 。 
(3) 实现 在 地 图 上 添加 文字 、 图 形 覆 盖 物 ,为 驯 盖 物 设置 单 击 事件 。 

(4) 实现 兴趣 点 的 检索 和 分 页 查询 功能 。 

(5) 实现 两 地 之 间 的 驾车 .公交 和 步行 的 路 径 检索 。 

(6) 实现 定位 功能 ,在 地 图 上 实时 地 显示 自己 的 位 置 。 

(7) 完成 程序 运行 和 效果 测试 。 


9.1 项 目 分 析 


本 项 目的 学 习 和 操作 主要 关注 以 下 几 点 。 

(1) 了 解 第 三 方 平台 应 用 集成 的 大 致 步骤 。 

(2) 熟悉 地 图 控件 的 使 用 和 该 控件 的 基本 属性 方法 。 

G) 掌握 对 于 地 图 SDK 的 初始 化 流程 ,各 类 的 方法 和 作用 以 及 它们 之 间 的 依赖 


关系 。 


(4) 综合 上 述 的 几 点 ,完成 本 章 应 用 的 开发 。 
基于 百度 地 图 的 GPS 设计 及 开发 如 图 9-1 所 示 。 





MapController 


地 图 功能 编写 


BMapManager 







地 图 界面 编写 


第 三 方 jar 包 的 引用 



































9-1 基于 百度 地 图 的 GPS 设计 及 开发 


[ 第 9 章 基于 百度 地 图 的 6P5 设 计 及 开发 ] 








地 图 界面 的 编写 需要 正确 的 引入 第 三 方 SDK 的 jar 文件 ,之 后 在 xml 中 声明 该 jar 
包 中 的 控件 名 ,此 处 需 注意 的 是 在 使 用 第 三 方 或 者 自 定义 的 控件 时 需要 声明 控件 的 全 名 
(包括 包 名 在 内 ) 。 

地 图 功能 的 编写 需要 先 初始 化 地 图 的 控制 类 MapManager, 之 后 验证 密 钥 。 只 有 当 
密 钥 验证 通过 后 才能 使 用 百度 地 图 的 资源 。 然 后 初始 化 MapView 类 和 MapController 
类 ,前 者 用 来 显示 地 图 信息 ,后 者 用 来 控制 前 者 的 显示 。OverLay 类 用 来 在 地 图 上 设置 一 
系列 的 覆盖 物 。 


9.2 项 目 界面 设计 


921 知识 准备 
对 于 百度 地 图 的 展示 和 操作 需要 设计 到 用 户 隐 私 等 ,必须 添加 用 户 权 限 。 


« uses- permission 

android:name= "android.permi ssion. INTERNET" /» 

< uses- permissicnandroid:neme- "android.permission.AOCESS FINE LOCATION"/> 

< uses- permissionandroid:name= "android.permission.AGCESS NETWORK_STATE"/> 

< uses- permissionandroid:name= "android.permission.AGCESS WIFI STATE"/» 

< uses- permissicnandroid:neme- "android.permission.CHANGE WIFI STATE"/» 

< uses- permissionandroid:name= "android.permission.WRITE EXTERNAL STORAGE"/> 
< uses- permissionandroid:name- "android.permissicn.READ PHONE STATE"/> 


并 且 在 定位 时 需要 添加 service, 下 文 会 详细 解释 。 
922 项 目 界面 相关 代码 设计 


(1) 地 图 视图 界面 设计 
要 想 将 百度 地 图 在 手机 界面 上 显示 出 来 ,需要 用 到 控件 MapView, 即 使 用 规定 的 名 
Er com. baidu. mapapi. map. MapView。 


< Felativelayoutzmlns:android- "http: //schemas .android.can/apk/res/android" 
xmlns:tools= "http: //schamas .android.can/tools" 

android: layout_width= "match parent" 

android: layout_height= "match parent" 

tools :context=".ExampleDemo"> 


<com.baidu.mapapi .map.MapView 
android:id- "@ + id/mv_information" 
android:laycut width= "wrap content" 
android:layout height- "wrap content"/» 


< fFelativelaycut» 
效果 如 图 9-2 所 示 。 
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图 9-2 地 图 视图 界面 设计 


(2) 子 视图 界面 设计 
子 视图 是 用 于 在 覆盖 物 上 显示 其 详细 信息 的 ,需要 控制 视图 和 其 中 控件 的 大 小 。 


< ?anlversionr= "1.0"enooding= "utf- 8"?» 

< LinearLayoutmlns:android= "http: //schemas .android.can/apk/res/android" 
android: layout_width= "match parent" 

android: layout height- "match parent" 

android:orientation- "horizontal" 

android:pacdingBottom- "Odp"> 


< Linearlaycut 
android:id="@ + id/11 pop info" 
android:layout width= "fill parent" 
android:layout_height= "wrap content" 
android:orientation= "vertical" 
android:layout_weight= "1" 
androidi:background- "#3£3£3£" 
android:gravity= "center horizontal" 


« TextView 

android:id- "@ + id/tv pop title" 
android:layout width= "wrap content" 
android:layout height- "wrap content" 
android:text= "pr IBi " 

android:textColor= "@ android:color/white" 
android:textSize- "20sp"/» 
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« Button 


android:laycut width= "wrap content" 
android:laycut height= "wrap content" 
android:text- "REAR E "> 























< /Linearlayocut^ 

< /LinearLayout> 

效果 如 图 9-3 所 示 。 
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图 9-3 子 视图 界面 设计 


(3) 主 界面 设计 
主 界面 为 ListView, 单 击 不 同 的 item 跳 转 到 对 应 的 地 图 操作 界面 。 


< ?amlversion= "1.0"enooding- "ut£- 82» 

< LinearLayoutomilns android= "http: //schemas .android.cam/apk/res/android" 
android: layout width- "match parent" 

android: layout height- "match parent" 

android:orientation= "vertical"> 


< ListView 

android:id= "@ + id/iv mapselect" 

android:layout width= "fill parent" 
android:layout height- "wrap content"» < /ListView» 


< /Linearlayout^ 
效果 如 图 9-4 所 示 。 
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图 9-4 主 界面 设计 


9.3 项 目 功 能 的 实现 


931 知识 准备 
SDK 下 载 : http://lbsyun. baidu. com/sdk/download 。 
KEY 申请 : http://lbsyun. baidu. com/apiconsole/key Ci 3€ X$ 5 Wc 57) 。 
申请 KEY 的 流程 如 下 : 
(1) 登录 系统 账号 。 
(2) 进入 我 的 应 用 并 创建 应 用 。 
(3) 选择 应 用 类 型 为 Android SDK 并 配置 安全 码 (eclipse 数字 签名 和 包 名 ) 。 
(4) 复制 得 到 的 KEY 并 加 入 清单 文件 。 
流程 如 图 9-5 一 图 9-9 所 示 。 
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9-5 登录 系统 账号 























mam GRE 
meum 
BK SES 

aen 

d Ia SEER ` 

我 的 服务 

Dees seg ‘WE (AK) EB ‘SRS (NERA) EMRE 

sess 

— Sum7 otaa 

Seer 

开发 信息 

完善 资料 

图 9-6 查看 应 用 界面 
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图 9-7 创建 应 用 











Build Settings: 

[V] Automatically refresh Resources and Assets folder on build 

[V Force error when external jars contain native libraries 

VI Skip packaging and dexing until export or launch. (Speeds up automatic builds on file save) 






























































9-8 查看 Android 数字 签名 
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932 项 目 功能 相关 代码 设计 


CD 地 图 基本 数据 逻辑 代码 
(D 地 图 三 大 核心 类 : BMapManager,MapView 和 MapController, 依 次 分 别 为 管理 、 


视图 和 控制 。 
protected MapManager manager; // 地 图 引擎 管理 
protected MapView mapView; // 地 图 的 视图 控件 


protected MapContrcller controller; // 控 制 地 图 :平移 缩放 旋转 


© 在 获取 地 图 数据 前 必须 要 对 申请 的 KEY 进行 验证 ,否则 就 会 导致 程序 崩溃 ,此 时 
需要 用 到 BMapManager 类 。 在 init() 方 法 中 设置 监听 事件 判断 验证 是 否 通 过 和 当前 网 
路 状况 ,其 中 的 PromptManager 类 为 工具 类 。 


privatevoid checkKey() { 
manager= new MapManager (getAppLicationContext ()  ; 
/验证 key 
Manager. init (ConstantValue.KEY, new MKGenerallistener() { 


@ Override 
publicvoid onGetPermissicnState (int iError) { 
// 授 权 验 证 
if (iError= = MEvent.FRROR_PEFMISSION_DENIFD) { 
PromptManager showhbastIbst (BaseActivity.this, "TE Ue VE A I"); 
i 


@ Override 
publicvoid onGetNetworkState (int iError) { 
// 没 有 网 络 
if(iError-—MKEvent.FRFOR NETWORK CONNECT){ 
PromptManager . showNethiork (BaseActivity.this) ; 
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C 设置 地 图 数据 。 主 要 为 在 界面 上 显示 按钮 .设置 地 图 的 默认 视 距 和 地 图 默认 中 心 
点 等 。 需 要 注意 的 是 , MapController 对 象 需要 在 MapView 对 象 存在 的 情况 下 才 可 以 





得 到 。 
privatevoid initView() { 
//TODO Auto- generated method stub 
mepView- (MapView) findViewById(R.id.mv information); 
// 显 示 内 置 放大 和 缩小 的 按钮 


mepView.setBuiltInZoamControls (true) ; 


// 控 制 地 图 的 缩放 
controller=mapView.getController();// 必 须 先 有 mapview 再 有 controller 
oontroller.setZoam(12) ; 
controller.enableClick (true) ; 
oontroller.setCenter (point);// 设 置地 图 默认 中 心 点 

} 


CD 为 了 在 打开 地 图 时 可 以 及 时 地 将 数据 展现 在 视图 上 而 不 至 于 出 现 混乱 ,需要 将 地 
图 视图 的 生命 周期 与 activity 进行 绑 定 。 
@ Override 
protectedvoid onResume () { 


mapView.onResume () ; 
super .onResume () ; 


@ Override 
protectedvoid onDestroy() { 
mapView.destroy () ; 
Super .onDestroy () 7 
} 
© 以 下 为 MKSearchListener 接口 的 实现 .这 样 就 可 以 直接 继承 该 类 并 复写 使 用 接 
口 的 方法 而 不 至 于 每 次 在 实现 接口 时 同时 实现 所 有 的 方法 ,从 而 提高 效率 。 


protectedclass MySearchListenerAdapter implements MKSearchListener{ 
@ Override 


publicvoid onGetAddrResult (WAddrInfo result, int iError) { 
//T000 Arto generated method stub 
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@ Override 
publicvoid onGetBusDetailResult MBusLineResult result, int iError) { 
Amt Artto generated method stub 


@ Override 
publicvoid onGetDrivingRouteResullt (MKDrivingRouteResult result, 
int iError) { 
//TODO Auto- generated method stub 


@ Override 
publicvoid onGetPoiDetailSearchResult (int type, int iError) { 
//TOD Auto generated method stub 


@ Override 
publicvoid onGetPoiResult (MKPoiResult result, int type, int iError) { 
//TODO Auto- generated method stub 


G Override 
publicvoid onGetSuggesticnFesult (M&uggesticrResult result, int iError) { 
//TOD Auto- generated method stub 


@ Override 
Publicvoid onGetTransitRouteResult (MKTransitRouteResult result, 
int iError) { 
//TOD Auto- generated method stub 


@ Override 
publicvoid onGetWalkingRouteResult (MKWalkingRouteResult result, 
int iError) { 
//TOD0 Arto- generated method stub 


} 
效果 如 图 9-10 所 示 。 











(2) 地 图 图 层 逻 辑 代 码 
O 设置 交通 图 的 显示 。 


mapView.setTraffic (false); 

© 设置 卫星 图 的 显示 。 
mapView.setSatel lite (false); 

© 设置 键盘 单 击 事件 监听 切换 不 同 的 图 层 。 


@ Override 
publidooolean onKeyDown (int keyCode, KeyEvent event) { 

/ (TODO Auto- generated method stub 

switch (keyCode) { 

case Keyfvent .KEYOODE_1: 
// 底 图 
mapView.setTraffic (false); 
mapView.setSatellite (false); 
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图 9-11 实时 交通 图 





9312 卫星 图 


(3) 几何 图 形 覆 盖 物 逻辑 代码 

该 类 继承 自 基 本 地 图 视图 类 ,这 样 就 可 以 省 去 获取 地 图 数据 的 代码 ,提高 代码 编写 
效率 。 

绘制 覆盖 物 ,一 般 对 地 图 视图 的 操作 分 为 四 步 : 定义 操作 ; 加 设置 数据 ; 回 将 操 
作对 象 加 入 视图 中 ; 四 刷新 视图 。 
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privatevoid draw() ( 


) 


/定义 覆盖 物 

// 设 置 覆盖 物 数据 

/获取 mapview 中 存放 覆盖 物 的 集合 ,添加 覆盖 物 
/手动 刷新 界面 


Graphicsoverlay overlay- new GraphicsOverlay (mapView) ; 
setData (overlay);// 重 点 :数据 设置 
mapView.getOverlays () .add (overlay); 
mapView.refresh (); 


为 覆盖 物 对 象 设置 数据 。Symbol 为 样式 类 定义 操作 对 象 的 样式 。 


privatevoid setData (GraphicsOverlay overlay) { 


} 


// 定 义 几何 图 形 : 圆 心 + 半径 
Gecmetry gearetry= new Gecmetry()7 
gearetry.setCircle (point, 100); 
/定义 几何 图 形 的 样式 :颜色 + 线条 等 
Symbol symbol= new Symbol () ; 

Symbol .Color color= symbol .new Color () ; 
color.red- 255; 

color.green- 0; 

color.blue- 0; 

color.alpha- 100; 

symbol.setSurface (color, 1, 0); 


/人 几何 图 形 元 素数 据 

Graphic graphic- new Graphic (geametry, symbol) ; 
// 设 置 数据 

overlay.setData (graphic) ; 


效果 如 图 9-13 所 示 。 
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图 9-13 几何 图 形 覆 盖 物 
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(4) 文字 覆盖 物 逻 辑 代 码 
基本 操作 与 几何 图 形 获 盖 物 类 似 。 


privatevoid draw() { 
TextOverlay overlay- new TextOverlay (mapView) ; 
setData (overlay); 
mapView.getOverlays () acd (overlay) ; 
mapView.refresh () ; 


) 
对 文字 覆盖 物 的 数据 设置 。 


Privatevoid setData (TextOverlay overlay) { 
TextItem item- new TextTtem(); 
item.align- TextItem.ALIGN CENTER; // 对 齐 方式 
item. fontColor= getColor () ; 
item.fontSize- 20; 
item.pt- point; // 坐 标点 
item.text- "Hf fri BE"; 
item.typeface- Typeface.DEFAULT BOLD; // 粗 体 
cverlay.actlText (item) ; 


} 


private Color getColor() { 
Symbol symbol= new Symbol () ; 
Symbol .Color color= symbol .new Color () ; 
color. red= 255; 


} 

效果 如 图 9-14 所 示 。 

O) 多 条 目 绘制 逻辑 代码 

O 添加 单 击 获 盖 物 时 弹出 的 pop, 即 子 视图 。 因 为 未 单 击 时 不 能 确定 坐标 ,所 以 暂 
时 隐藏 。 

privatevoid initPop() { 


pop=View.inflate (this, R.layout.pop, null); 
titleTextView= (TextView) pop.findViewById(R.id.tv pop title); 


pop.setVisibility (View. INVISIBLE) ; 


// 添 加 到 mapview 的 容器 里 
mepView.addView (pop); 
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图 9-14 文字 覆盖 物 


@ 设置 pop 显示 时 所 展现 的 内 容 和 显示 的 坐标 点 。 


privatevoid draw() { 
/ P&B overlayItem 的 集合 
ItemizedOverlay« OverlayItem» overlay= new ItemizedOverlay< OverlayItem> (this.getRescurces (). 
getDrawable (R.drawable.ioon gooding), mapView) { 
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@ Override 

protectedboolean cnTap (int index) { 
OverlayItem itere this.getItem (index) ; 
String title- item.getTitle(); 
titleTextView.setText (title); 


pe 
* 创建 自 定义 布局 参数 , 按 地 理 坐 标 布局 
* 参 1: 高 度 参 2: 宽 度 参 3: 坐 标点 参 4: 对 齐 方 式 
*/ 

MapView.LayoutParams params- new MapView.LayoutParams ( 
MapView.LayoutParams.WRAP_CONIENT, 
MepView.LayoutParams.WRAP OONIENT, 
item.getPoint () , 
MepView.LayoutParams.BOTTOM CENIER 

B 

/更 新 pmp 的 位 置 :将 Farams 与 经 纬度 坐标 建立 关系 

mapView updateViewLayout (pop, params); 

pop.setVisibility (View.VISIBIE) ; 
returnsuper -onTap (index) ; 


setData (overlay) ; 
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@ 为 覆盖 物 设 置 数据 ,因为 ItemizedOverlay 类 实际 为 一 个 装载 OverlayItem 的 集 
合 , 所 以 可 以 自行 添加 多 个 覆盖 物 。 


privatevoid setData (ItemizedOverlay« OverlayItem» overlay) ( 
px 
* B 1: 坐 标 参 2: 标 题 参 3: 介 绍 
*/ 
OverlayItem item- new OverlayItem(point, "B fA BE", "计算 机 信息 职业 技术 
学 院 "); 
werlay.addTtem (item) ; 
iteme new OverlayItem(new GeoPoint (latitude+ 1000, longitude), "向 北 ", 
"mz Em; 
overlay.addItem (item); 
item- new OverlayItem(new GeoPoint (latitude, longitudet 1000) , "向 东 ", 
ki ET 
overlay.actiTtem (item) ; 
itere new OverlayItem(new GeoPoint (latitude- 1000, longitude- 1000) , 
"向 西南 ", 喊 少 经 纬度 "); 
overlay.addItem (item) ; 


} 
效果 如 图 9-15 和 图 9-16 所 示 。 
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图 9-15 多 个 覆盖 物 


(6) 附近 兴趣 点 检索 逻辑 代码 
O 之 后 的 集合 类 涉及 检索 需要 使 用 的 MKSearch 以 及 其 监听 MKSearchListener。 


private MKSearch search; 
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图 9-16 覆盖 物 的 单 击 事件 
private MSearchListener listener; 
@ 兴趣 点 检索 。 


privatevoid search() { 
search new MKSearch () ; 
listener- new MySearchListenerAdapter () { 
@ Override 
publicvoid onGetPoiResult (MKPoiResult result, int type, int iError) { 
//mopo 数 据 显示 
if(üError-- 0)( 
if(result !-null)( 
PoiOverlay overlay- new PoiOverlay (PoiSeardhNearByDemo. 
this, mapView) ; 
setData (overlay, result) ; 
mapView.getOverlays () «add (overlay) ; 
mapView.refresh ()7 
} 
Jelse{ 
PramptManager .showToastTest (Poi SearchNearByDemo.this, 味 查 询 到 结果 "); 


D 
search.init (manager, listener); 


© 使 用 附近 检索 的 方式 检索 加 油 站 。 
search.poiSeardhNearBy ("II ill 3 ", point, 5000); 
) 

@ 设置 覆盖 物 数据 。 

















protectedvoid setData (PoiOverlay overlay, MKPoiResult result) { 
O 得 到 全 部 检索 到 的 兴趣 点 。 


ArrayList< MKPoi Info> datas- result.getAllFoi () ; 
overlay.setData (datas) ; 


} 


效果 如 图 9-17 所 示 。 





图 9-17 附近 兴趣 点 检索 


CD) 全 城 兴趣 点 检索 逻辑 代码 
全 城 检索 的 逻辑 步骤 与 附近 检索 基本 相同 ,唯一 的 区 别 为 全 城 检索 自 带 分 页 。 因 为 
按 城市 检索 出 来 的 兴趣 点 数量 太 大 而 视图 默认 最 多 显示 十 条 。 
CD. 因为 有 分 页 所 以 需要 清除 旧 数 据 。 
PoiOverlay overlay- newPoiOverlay (PoisearchInCityDemo.this, mapView) ; 
setData (overlay, result) ; 
mapView.getOverlays () .clear() ; 
// 有 分 页 的 情况 下 单 击 下 一 页 后 需要 先 清除 上 一 次 的 检索 记录 
mapView.getOverlays () .add (overlay) ; 
mepView.refresh() ; 


© 使 用 全 城 兴趣 点 检索 加 油 站 o 
search.poiSearchIncity ("Af JH ", "加 油 站 "); 


© 为 了 能 够 清楚 地 看 到 分 页 情况 ,此 处 用 子 视 图 展示 当前 一 共有 多 少 条 兴趣 点 和 总 
页 数 。 


protectedvoid setData (PoiOverlay overlay, MKPoiResult result) { 
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BrrayList« Koi Info» datas- result..getAllFoi () ; // 当 前 页 的 所 有 条 目 Gi 10 条 ) 
overlay.setData (datas) ; 


String info "4 fiif BT : "+ result .getPagelndex()+ 
nl "+ result .getNumPages ()+ 
顺 ,当前 页 条 目 数 :"+ result .getOurrentNumbois ()+ 
"/ 总 条 目 数 : "+ result .getNumBois () ; 


PronptManager.showErrorDialog (PoisearchInCityDemo.this, info); 
) 


@ 显示 current 值 对 应 的 页 数 ,需要 注意 的 是 页 码 是 从 0 开始 的 ,所 以 在 对 翻 页 的 最 
大 、 最 小 值 进行 限制 时 需要 格外 注意 。 


search.goToFoiFage (current) ; 
效果 如 图 9-18 Wrz o 


e 


当前 页 : 0/ 共 40 页 当前 页 条 目 
数 ; 10/ 总 条 目 数 : 395 
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图 9-18 分 页 显示 


(8) 驾车 或 步行 线路 检索 逻辑 代码 
O 设置 监听 事件 并 进行 数据 操作 。 


listener- new MySearchListenerAdapter () ( 
@ Override 
// 此 方法 为 驾车 回调 函数 ,如 果 是 步行 ,需要 使 用 onGetWallkingRouteResult 
publicvoid onGetDrivingRouteResult (MKDrivingRouteResult result, 
int iError) { 
if (iError== 0) { 
if (result != null) { 
/路 线 线条 :驾车 步行 
FouteOverlay overlay= new RouteOverlay (DrivingSeardiDemo. 
this, maView); 
setData (overlay, result) ; 

















mapView.getOverlays () .clear () ; 
mapView .getOver lays () .acd (overlay) ; 
mapView.refresh () ; 

} 


Jelse{ 
PromptManager .showToast Test (DrivingSeardhDamo.this, "YRRIR"; H; 


@ 将 管理 类 和 监听 添加 到 search 中 。 
search.init (manager, listener); 
© 设置 起 始点 和 终点 ,可 以 是 名 称 或 坐标 点 。 


MPlarNode start- new MKPlanNode(); 

start.pt- point; 

MEPlanNode end= new MKPlariNode () ; 

end.name- "$F 6K HE Sik"; 
//search.drivingSearch ("I Mr, start, "常州 ", end); 


CD 设置 途经 点 ,可 以 为 多 个 ,这 样 线路 就 会 在 起 始点 .途经 点 和 终点 之 间 形 成 。 
ArrayList< MWENodey nodes- new ArrayList« MWpNode> () ; 
Mdio node- new MYENcde () ; 

node.city= "Ht"; 

node.nene- "p AE 2B JE Bil"; 

nodes .add (node) ; 

// 名 车 策略 必须 在 搜索 之 前 设置 
search.setDrivingPolicy (MKSearch.ECAR FEE FIRST) ; 

C) 使 用 驾车 路 线 检索 。 

search.drivingSearch ("Hf HH", start, "HIN", end, nodes); 
© 使 用 步行 路 线 检索 。 
search.walkingSearch ("Hf JH", start, "HIN", end); 

效果 如 图 9-19 和 图 9-20 所 示 。 

(9) 公交 换 乘 检索 逻辑 代码 


listener- new MySearchListenerAdapter () { 
CD 公交 换 乘 监听 回调 函数 。 


@ Override 
publicvoid onGetTransitRouteResult (MKTransitRouteResult result, 
int iError) { 
ifüError-- 0) { 
if (result !=mill) { 
// 公 交换 乘 需要 使 用 的 覆盖 物 
TransitOverlay overlay- new TransitOverlay 
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图 9-19 驾车 路 线 检索 
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图 9-20 步行 路 线 检索 


(TransitOverlayDemp.this, mapView); 
setData (overlay, result); 
mepView.getOverlays () -add (overlay) ; 
mapView.refresh(); 
$ 
Jelset 
PromptManager .showToastTest (PransitOverlayDemo.this, "为 查询 到 
结果 "); 

















search.setTransitPolicy (MKSearch.FBUS WALK FIRST); 
© 公交 换 乘 检索 函数 只 可 以 在 本 城市 内 检索 ,而 步行 和 驾车 可 以 跨 城 市 检索 。 
search.transitSearch ("f JH", start, end); 


效果 如 图 9-21 所 示 。 
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图 9-21 公交 换 乘 路 线 检索 


(10) 定位 功能 逻辑 代码 
CD 定位 功能 属于 高 级 操作 ,需要 locSDK_3. 1. jar 包 的 支持 ,并 且 在 清单 文件 的 


Application 节点 下 加 入 service 节点 。 


< service 
android:name= "om.baidu. location.f" 
android:enabled- "true" 
android:process= ":remote"> 

< /service> 


@ 在 地 图 数据 显示 之 前 设置 定位 数据 并 开启 定位 。 


@ Override 
protectedvoid onResume() { 
location () ; 
client.start(); 
super.onResume () ; 
} 


C) 在 视图 不 可 见 时 关闭 定位 。 


@ Override 
protectedvoid onPause() { 
client.stop(); 
super.onPause () ; 
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// 设 置 数据 如 : 间隔 多 长 时 间 发 送 获 取 位 置 的 请 求 等 
IocationClientOption option- new Iocaticnclientopticn () ; 


cption.setOpenGps (true) ; 

aption.setAddrType ("all") ; // 返 回 的 定位 结果 包含 地 址 信息 

aption.setCoorType ("bd0911") ; // 返 回 的 定位 结果 是 百度 经 纬度 ,默认 值 gcj02 
ption. set Scanspan (5000) ; // 设 置 发 起 定位 请 求 的 间隔 时 间 

cption.disableCache (true); // 禁 止 启用 缓存 定位 

gption.setPoiNutber (5) ; // 最 多 返回 poi 的 个 数 


gption.setPoiDistance (1000) ; / [poi 的 查询 距离 
cption.setPoiExtraInfo(true); 。 // 是 否 需要 poi 的 电话 和 地 址 等 详细 信息 


client.setIocopticn (option); 
client.registerlocationListener (listener); 
© 定位 的 监听 ,开启 后 在 定位 关闭 前 周期 性 回调 。 
privateclass My[BLocationListener implements BDLocaticnListener{ 
@ Override 
publicvoid onReoeivelocation (BDLocation location) { 
if (location= = null) ( 


retum ; 
H 


// 定 位 覆盖 物 

MyLocationOverlay overlay- new MyLocationOverlay (mapView) ; 
LocationData data= new LocationData(); 

data.latitude- location.getLatitude () ; 

data. longitude= location.getLengitude () ; 

overlay.setData (data) ; 


mapView.getOverlays () .add (overlay); 
mapView. refresh () ; 


// 异 拟 器 定位 
controller.animateTo (new GecFoint ( (int) (data.latitude * 1E6), (int) (data.longitude * 1E6))); 


} 

@ Override 

publicvoid onReceiveRoi (BDLocation argó) { 
} 


} 
效果 如 图 9-22 所 示 。 
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图 9-22 定位 功能 


9.4 系统 运行 与 效果 测试 


系统 在 模拟 器 和 真 机 上 均 可 流畅 显示 ,但 在 真 机 上 会 有 标注 物 减 少 和 找 不 到 检索 点 
的 情况 ,所 以 导致 部 分 线路 检索 无 法 正常 显示 , 需 在 以 后 的 学 习 中 进一步 完善 代码 。 


9.5 本 章 小 结 


经 过 本 章 的 学 习 , 初 步 了 解 了 基于 百度 地 图 SDK 的 开发 ,能 够 在 自己 的 项 目 中 显示 
百度 地 图 并 且 使 用 其 中 的 基本 功能 :定位 .路 径 规 划 和 兴趣 点 检索 等 。 结 合 这 些 基础 的 功 
能 ,可 以 自己 发 挥 想象 ,创造 出 其 他 新 颖 有 趣 的 功能 。 地 图 开发 还 包括 一 些 其 他 的 功能 ， 
如 导航 、 语 言 播报 等 ,这 里 不 再 歼 述 。 如 果 有 兴趣 可 以 去 开放 平台 下 载 对 应 的 SDK ,参照 
官网 的 实例 代码 自己 集成 。 


9.6 MASK 


CD 把 做 好 的 APP 安装 到 实验 用 手机 测试 基本 功能 。 

(2) 使 用 不 同 分 辩 率 的 模拟 器 测试 效果 。 

(3) 使 用 不 同 版 本 的 模拟 器 测试 效果 。 

(4) 在 真 机 和 模拟 器 上 分 别 测试 ,看 看 二 者 在 界面 显示 和 功能 上 的 一 些 区 别 。 
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